#adapt {

	position:relative;

	width:906px;

	background: #FFF url(/media/img/adapt/dashed.gif) no-repeat center 70px;

	z-index:99;

	margin:20px 0 15px 0;

	_margin:40px 0 15px 0;

	*margin:40px 0 15px 0;

}

#adapt-header{

	height:52px; /* 76px - 24px */

	padding:12px;

}



#adapt-header h2 a{

	width:313px;

	padding:48px 0 0;

	background: url(/media/img/adapt/ecualizador.gif) left top;

	/*text-indent:-9999px;*/

	margin:3px 0 0 16px;

}

#adapt-header ul{

	position:absolute;

	top:12px;

	right:12px;

	height:54px;

	/*background: url(/media/img/adapt/flecha.gif) left top no-repeat;*/

	/*padding-left:50px;*/

	z-index:1;

}

#adapt-header li {

	position:relative;

	float:left;

	width:54px;

	height:54px;

	

	text-indent:-9999px;

	cursor:pointer;

}

/* rollovers */

#adapt-header li a, #adapt-header h2 a{

	background-repeat:no-repeat !important;

	cursor:pointer;

	display:block;

	height:0 !important;

	overflow:hidden;

}

#adapt-header li a {	

	background: url(/media/img/adapt/adapt_new_menu.jpg) left top;

	padding:54px 0 0;

	width:54px;

}

#adapt-header li a.happy:hover {

	background-position: 0 -54px;

}

#adapt-header li a.tierna {

	background-position: -54px 0;

}

#adapt-header li a.tierna:hover {

	background-position: -54px -54px;

}

#adapt-header li a.super {

	background-position: -108px 0;

}

#adapt-header li a.super:hover {

	background-position: -108px -54px;

}

#adapt-header li a.artista {

	background-position: -162px 0;

}

#adapt-header li a.artista:hover {

	background-position: -162px -54px;

}

#adapt-header li a.nostalgica {

	background-position: -216px 0;

}

#adapt-header li a.nostalgica:hover {

	background-position: -216px -54px;

}

#adapt-header li a.fantastica {

	background-position: -270px 0;

}

#adapt-header li a.fantastica:hover {

	background-position: -270px -54px;

}

#adapt-header li a.sonrojada {

	background-position: -324px 0;

}

#adapt-header li a.sonrojada:hover {

	background-position: -324px -54px;

}

#adapt-header li a.rayada {

	background-position: -378px 0;

}

#adapt-header li a.rayada:hover {

	background-position: -378px -54px;

}

#adapt-header li a.tristona {

	background-position: -432px 0;

}

#adapt-header li a.tristona:hover {

	background-position: -432px -54px;

}

#adapt-header li a.muerdo {

	background-position: -486px 0;

}

#adapt-header li a.muerdo:hover {

	background-position: -486px -54px;

}

#tooltip li {

	position:absolute;

	top:-22px;

	display: none;

}

#tooltip li.happy {

	left:368px;

}

#tooltip li.tierna {

	left: 420px;

}

#tooltip li.super {

	left: 472px;

}

#tooltip li.artista {

	left: 530px;

}

#tooltip li.nostalgica {

	left: 580px;

}

#tooltip li.fantastica {

	left: 635px;

}

#tooltip li.sonrojada {

	left: 690px;

}

#tooltip li.rayada {

	left: 745px;

}

#tooltip li.tristona {

	left: 660px;

}

#tooltip li.muerdo {

	left: 739px;	

}

#adapt-contents{

	display:none;

	/*height:390px;*/

	left:11px;

	overflow:hidden;

	position:relative;

	width:885px;

}

#adapt-close{

	display:none;

	position:absolute;

	top:12px;

	right:12px;

	width:54px;

	height:54px;

	cursor:pointer;

}

div#proposal-0,div#proposal-1,div#proposal-2,div#proposal-4,

div#proposal-5,div#proposal-6{

	display:inline;

	height:172px;

	overflow:hidden;

	width:215px;

	float:left;

	margin:0 8px 0 0!important;

	padding:0px!important;

	position:relative;

	cursor:pointer;

}

div#proposal-3, div#proposal-7{

	display:block;

	height:172px;

	overflow:hidden;

	width:215px;

	float:left;

	margin:0 0px 0 0!important;

	padding:0px!important;

	position:relative;

	cursor:pointer;

}

#adaptProposals .fecha {

	display:block;

	float:right;

	font-size:33px;

	font-weight:bold;

	position:absolute;

	right:0;

	text-align:right;

	top:5px;

}

#adaptProposals .fechaImg{

	float:right;

	height:29px;

	position:absolute;

	right:0;

	top:10px;

	width:130px;

}

#adaptDetails .fecha {

	display:block;

	float:right;

	font-size:55px;

	font-weight:bold;

	position:absolute;

	right:4px;

	text-align:right;

	top:0px;

}

#adaptDetails .fechaImg{

	float:right;

	height:38px;

	position:absolute;

	right:5px;

	top:13px;

	width:195px;

}

#adaptProposals, #adaptDetails{

	padding:20px 0 0 0;

	overflow:hidden;

}

#adaptProposals h2{

	height:47px;

	position:relative;

	top:3px;

	left:0px;

	width:86px;

}

#adaptDetails h2{

	float:left;

	left:0;

	position:absolute;

	top:1px;

}

.proposalImg{

	height:125px;

	width:215px;

}

#adaptProposals .imgProposal{

	height:125px;

	width:215px;

	margin:-5px 0 0;

}

#adaptDetails .imgProposalDetail{

	width:323px;

	height:188px;

	margin:55px 0 0 0;

}

#adaptDetails h4.autor_propuesta{

	background:#97C00E none repeat scroll 0 0;

	color:#FFFFFF;

	font-size:14px;

	width:121px;

	padding:1px 0 0 13px;

	margin:0 0 5px;

	display:block;

}

#adaptDetails h5.tit_propuesta{

	width:208px;

	color:#FFFFFF;

	display:block;

	font-family:Arial;

	font-size:12px;

	font-weight:bold;

	text-transform:uppercase;

	height:116px;

}

#adaptDetails h5.tit_propuesta span{

	display:block;

	padding:14px;

}

div#proposalDetail-0,div#proposalDetail-1,div#proposalDetail-2,div#proposalDetail-3,

div#proposalDetail-4,div#proposalDetail-5,div#proposalDetail-6,div#proposalDetail-7{

	display:none;

	width:550px;

	margin:20px auto 0 auto;

	position:relative;

	overflow:hidden;

}

.frase-0, .frase-1, .frase-2, .frase-3, .frase-4, .frase-5, .frase-6, .frase-7, .frase-8, .frase-9{

	display:none;

	color:#429FE4;

	font-size:14px;

	line-height:18px;

	font-family:Verdana;

	font-weight:bold;

	padding:30px 0 0;

}

.detailLeft {

	width:328px;

	float:left;

	position:relative;

}

.detailRight {

	width:210px;

	float:right;

	position:relative;

	top:105px;

}

#adapt-loading{

	background:#43A2E6 none repeat scroll 0 0;

	color:#FFFFFF;

	font-size:12px;

	left:0;

	padding:3px 5px;

	position:absolute;

	top:0px;

	z-index:9999;

}

.detailLeft ul{

	color:#43A2E6;

	display:block;

	font-size:14px;

	line-height:20px;

	overflow:hidden;

	width:323px;

	padding:5px 0 0 0;

}

li.respuestasDetail{

	float:left;

}

li.linkDetail{

	float:right;

	background: url(/media/img/common/ico_arrow.gif) left top no-repeat;

	padding:0 0 0 20px;

}

.detailLeft ul a{

	color:#43A2E6;

	text-decoration:none;

	font-weight:bold;

}

.detailLeft ul a:hover{

	color:#43A2E6;

	text-decoration:underline;

	font-weight:bold;

}



.videoIcon{

	height:51px;

	left:40%;

	position:absolute;

	top:45%;

	width:51px;

}

.videoIcon img{

	height:51px;

	width:51px;

}

.videoDetail{

	height:247px;

}



#id_swfAdaptDetail-0,#id_swfAdaptDetail-1,#id_swfAdaptDetail-2,#id_swfAdaptDetail-3,

#id_swfAdaptDetail-4,#id_swfAdaptDetail-5,#id_swfAdaptDetail-6,#id_swfAdaptDetail-7{

	height:189px;

	margin:55px 0 0;

	width:323px;

}



#adapt-footer{

	text-align:right;

	padding:20px 0 0;

}



a#rockola{

	text-align:left;

	margin-right:232px;

}

/* FASE 2 */

#visualizer-link{

	position: absolute;

	top: 80px;

	left: 0;

}

#visualizer-link a{

	display:block;

	width: 350px;

	height: 23px;

	text-indent:-9999px;

	background: url(/media/img/adapt/mira.gif) left top no-repeat;

}

#visualizer-link a:hover{

	display:block;

	width: 350px;

	height: 23px;

	text-indent:-9999px;

	background: url(/media/img/adapt/mira.gif) left top no-repeat;

	background-position: 0 -23px;

}

#reason-why{

	width: 885px;

	height: 120px;

	font-family: verdana;

	font-size: 12px;

	color: #429FE4;

	background: #FFF url(/media/img/adapt/dashed.gif) no-repeat left bottom;

	margin: 20px 0 0;

}

#reason-why label, #reason-why input, #reason-why textarea{

	float: left;

}

#reason-why label{

	margin-right: 12px;

}

#reason-why textarea {

	width: 338px; /* This size is only pt */

	height: 44px;

	margin-right:34px;

}

#reason-why input#reason-why-your-name{

	width:200px;

	height:20px;

}

#reason-why input.submit{

	position: absolute;

	right: 2px;

	top: 54px;

	width: 88px;

	height: 23px;

	text-indent: -9999px;

	background: #FFF url(/media/img/adapt/envialo.gif) no-repeat left top;

	border: none;

	cursor: pointer;

}

#reason-why input.submit:hover{

	text-indent: -9999px;

	background: #FFF url(/media/img/adapt/envialo.gif) 0 -23px no-repeat;

}

/* = ERROE STYLE

------------------------------------------------------------------------ */

#reason-why-title.no-error, #reason-why-your-name.no-error{

	border: 1px solid #429FE4;

}

#reason-why-title.error, #reason-why-your-name.error{

	border: 1px solid #FF00B1;

}

#error-textarea{

	display: none;

	position: absolute;

	top: 70px;

	left: 155px;

	width: 550px;

	color: #FF00B1;

	background: url(/media/img/adapt/error.gif) no-repeat;

	padding-left:20px;

}

#error-name{

	display: none;

	position: absolute;

	top: 46px;

	left: 680px;

	width: 200px;

	color: #FF00B1;

	background: #fff url(/media/img/adapt/error.gif) no-repeat;

	padding-left:20px;

}

/* = mensaje ok

------------------------------------------------------------------------ */

#ok-msg1, #ok-msg2{

	display: none;

	position: absolute;

	top: 6px;

	left: 0px;

	width: 884px;

	height:50px;

	color: #429FE4;

	padding-top:30px;

	background-color: #fff;

}

a#link-ok, a#link-try-later{

	color: #FF00B1;

	font-weight: bold;

	text-decoration: none;

}

#menuNav{

	position: relative;

	z-index: 99;

}
