/* ESTILOS TU VIDA ES HOY */


/* CONOCETESTS HOME */
body { background:url(/media/img/common/motivo15.gif)!important; }
input , img{ outline: transparent; }
strong{ font-weight:  bold!important; }

.conocetest {
	display:block;
	font-family:Verdana !important;
	margin:0 auto;
	padding-bottom:40px !important;
	position:relative;
	width:611px;
}
.conocetest .midcontent{
	padding-bottom:20px;
}
h2#tit_conocetest, h3#tit_muyinteresantest, div#listCuestionarios {
	width:596px;
	margin:0px 0px 0px 0px;
	position:relative;
	left:5px;
	background: none;
}
div.introConocetest{
	left:5px;
	margin:0;
	position:relative;
	width:596px;
	height:175px;
	overflow:hidden;
}
div.imgConocetest{
	width:385px;
	height:175px;
	float:left;
	display:block;
}
div.txtConocetest{
	background-color:#FF8500;
	color:#FFFFFF;
	display:block;
	float:left;
	height:160px;
	position:relative;
	text-align:justify;
	top:15px;
	width:194px;
}


.pestanyasConocetest{
	border-bottom:1px solid #FF0398;
	left:25px;
	margin:20px 0 12px;
	overflow:hidden;
	position:relative;
	width:555px;
}
.pestanyasConocetest ul li{
	display:block;
	float:left;
	position:relative;
	top:1px;
}
.pestanyasConocetest ul li.btn_muyinteresantest{
	margin:0 5px 0 0;
}

div.testBlock{
	left:8px;
	overflow:hidden;
	position:relative;
	width:576px;
	color:#429fe4;
	padding:12px 0;
}

div.fotoTest{width:189px; float:left; text-align:right;}
div.txtTest{
	float:right;
	height:101px;
	position:relative;
	right:14px;
	width:348px;
}
div.txtTest h4{
	color: #FFF;
	padding: 1px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:11px;
	margin-bottom:6px!important;
}
div.txtTest p{
	padding:5px 3px 5px 3px;
	line-height:13px;
	font-size:11px;
}
div.txtTest ul{
	bottom:0px;
	color:#429FE4;
	font-size:11px;
	position:absolute;
}
div#intro ul{
	color:#429FE4;
	font-size:11px;
}
div.txtTest ul li, div#intro ul li{
	background:url(/media/img/common/ico_smallarrow.gif) no-repeat left 1px;
	padding:0 20px 0 13px;
	display:inline;
	position:relative;
}
div.txtTest ul li a, div#intro ul li a{ text-decoration:none; color:#429FE4;}
div.txtTest ul li a:hover, div#intro ul li a:hover{text-decoration:none; color:#FF039A;}

div.testBlock h4{background:#FF039A; display: block;}
div.testBlock.par h4{ background:#FF8500;}
div.premio{
	position:absolute;
	top:0;
	left:0;
}
div.txtConocetest h4, div.txtConocetest h3{
	color: #fff;
	text-transform:uppercase;
	font-size:1.1em;
	text-align:	left;
	font-family:Verdana !important;
	font-weight:bold;
	margin:0px!important;
	padding:10px 10px 0 10px;
}
div#listPreguntasSemana h3 strong{
	float:left;
	display:block;
	position:relative;
	text-align:left;
	padding-left:5px;
}

div#listPreguntasSemana em.numeroRespuestas{
	float:right;
	display:block;
	position:relative;
	font-size:11px;
	text-align:right;
	padding-right:5px;
	text-transform:none;
	color:#FF8500;
	font-weight:bold!important;
}
div.txtConocetest p{
	padding:10px 10px 0 10px;
}

div.introConocetest ul{
	bottom:10px;
	color:#429FE4;
	font-size:11px;
	position:absolute;
	right:10px;
}
div.introConocetest ul li{
	background:url(/media/img/conocetest/cuestionarios/numeros/flexa_calendario-right.gif) no-repeat right -1px;
	padding:0 20px 0 13px;
	display:inline;
	position:relative;
}
div.introConocetest ul li a{
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
}
div.introConocetest ul li a:hover{text-decoration:underline; color:#fff;}


#errorCuestionario p{
	background:#FF00AA url(/media/img/common/ico_alert.gif) no-repeat scroll 3px 3px;
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	padding:4px 4px 5px 30px;
}
#paginacionCuestionario {
	background:#429FE4 none repeat scroll 0 0;
	height:21px;
	margin:15px auto 0;
	width:556px;
}


/* DETALLE */

.testDetail {
	font-family:Verdana!important;
	width:611px;
	margin:0px auto;
	display:block;
	position:relative;
	padding-bottom:40px;
	}

h2#tit_testDetail{
	width:565px;
	margin:4px auto 10px auto;
}
h4{
	font-family:Verdana!important;
	color:#429fe4;
	font-weight:bold;
	margin-bottom:10px;
}

.testDetail p {
	font-size:11px;
	color:#FF8500;
	margin:0px auto;
	margin-top:5px;
}

div#test {
	width:565px;
	margin:15px auto 0px auto;
	padding-bottom:20px;
}
div#test form{
		width:565px;
		display:block;
		margin:0px auto;
	}
div#test fieldset {
	display:block;
	overflow:hidden;
	padding:20px 0;
	width:565px;
}
.par .pregunta h3{ background:#FF8400;}
.impar .pregunta h3{background:#FE0597;}

div#test fieldset.par { border-bottom:2px dotted #FF8400; }
div#test fieldset { border-bottom:2px dotted #FE0597; }

div#test .numero, div#test .foto, div#test .pregunta {
	float:left;
}

.numero {width:81px;}
.numero {border: 1px solid #FE0597}
.par .numero {border: 1px solid #FF8400}



div.pregunta {
	padding-left:25px;
	width:455px;
	overflow:hidden;
}
div.pregunta h3, #test-result h2{
	color:#FFFFFF;
	display:inline;
	font-size:1.1em;
	font-weight:bold;
	padding:2px;
	text-transform:uppercase;
}

div.pregunta ul{
	text-align:left;
	margin-top:10px;
}
div.pregunta ul li {
	display:block!important;
	overflow:hidden;
	clear:both;
	text-align:left;
	line-height:19px;
}

div.pregunta input {
	float:left;
	height:18px;
	margin-left:7px;
	margin-top:3px;
}

div.pregunta label {
	color:#429fe4;
	display:block;
	float:left;
	width:400px;
	font-size:11px;
	overflow:hidden;
	padding:0 0 0 5px;
}

#intro {
	width:565px;
	position:relative;
	left:25px;
	margin:20px 0px 20px 0px;
}
#intro p{
	padding:0 0 10px 0;
}
div#test fieldset#solicResultados{
	border:none
}
#solicResultados {
	position: relative;
}

#error{
	width:474px!important;
	position:relative;
	left:75px;
	top:15px;
	bottom:20px;
	display:none;
}

#error img{
	position:				relative;
	top:					3px;
	left:					0px;
	right:					3px;
}

#paginador {
	width:474px!important;
	position:relative;
	left:75px;
	margin:15px 0px 25px 0px;
}

.cierrepaginador {
	margin:15px 0px 0px 0px;
	width:380px;
	height:33px;
	border-bottom:1px solid #FF8500;
}

.cierre {
	border-bottom:2px dotted #FF8500;
	height:82px;
	margin:0 0 15px;
	width:440px;
}

#solicResultados h3 {
	color: #FF8500;
	margin:0 0 15px;
	text-transform: uppercase;
	font-size:12px;
	font-weight:bold;
	background: none;
}
#solicResultados p {
	color: #FF8500;
	margin: 0px;
	font-size:11px;
}
#question1 h3 {margin:0px 0px 10px 0px;}


.enviaCuestionario {
	float:right;
	width:80px;
	height:81px;
	border:1px solid #FF8500;
}

.edad {
	color:#429fe4;
	padding:2px;
	vertical-align: top;
}

select{
	border:1px solid #429FE4;
	color:#429FE4;
	font-size:11px;
	font-weight:normal;
	width:134px;
}

/* SECCION RESULTADOS */

	#resultado {
		width:560px;
		height:232px;
		position:relative;
		left:25px;
		margin:25px 0px 15px 0px;
	}

	#resultado .foto {
		width:196px;
		height:232px;
		float:left;
	}

	#resultado p {
		color:#429FE4;
	}

	.strokepink{
		border-right:2px solid #FF039A;
		float:left;
	}

	.strokegreen{
		border-right:2px solid #66CC00;
		float:left;
	}

	.strokeorange{
		border-right:2px solid #FF8500;
		float:left;
	}

	.contentResult {
		display:block;
		margin:0px;
		width:300px;
		float:left;
		position:relative;
		top:40px;
		left:20px;
	}

	.contentResult h3 {margin:0px 0px 20px 0px;}

	#volver {
		width:560px;
		position:relative;
		left:25px;
		margin:15px 0px 15px 0px;
	}

	#volver .linia {
		width:470px;
		height:74px;
		border-bottom:2px solid #FF8500;
	}

	input[type='image']{
	background: url(/media/img/cuestionarios/01/flechader.gif);
	}

	input[type='image']:hover{
		background: url(/media/img/cuestionarios/01/flechader_over.gif);
	}
/*  resultados */

#test-result{
	width:565px;
	margin: 0 auto 20px auto;
	border-bottom: 2px dotted #FF8400;
	padding-bottom: 30px;
	min-height:60px;
}
#test-result h2 {
	background:#FF8400 none repeat scroll 0 0;
	margin: 0px;
}
#test-result img{
	float: left;
	border: 1px solid #FF8400;
	margin-right:20px;
}
#result-content{
	padding-top: 2px;
}

#result-content p{
	padding:5px 3px 5px 3px;
	line-height:1.3em;
	font-size:1.1em;
	color:#429FE4;
}

.lista-ganadoras{
	display:none;
}
/* alert ganadoras */

#divganadoras,#divlogueate{
	font-family:Verdana;
	position:relative;
	left:119px;
	top:14px;
	width:447px;
	background:#fff;
	padding:0px 19px 19px 19px;
	font-size:11px;
	color:#429FE4;
}
#divganadoras h2, #divlogueate h2{
	padding:15px 0px 0 0px;
	display:block;
}
#divganadoras a,#divlogueate a{
	color:#429FE4;
	text-decoration:none;
}
#divganadoras a:hover,#divlogueate a:hover{
	color:#FF039A;
	text-decoration:none;
}

#divganadoras p, #divlogueate p{padding:0 10px 0 0;}

.btnCierre{
	width:13px;
	height:13px;
	position:relative;
	left:448px;
}


/* PREGUNTA DE LA SEMANA */
div.preguntaBox{
	font-size:11px;
	color:#429FE4;
	left:8px;
	margin:0 20px 10px;
	overflow:hidden;
	position:relative;
	width:550px;
	padding:0 0 20px 0;
	border-bottom:1px solid #FF0299;
}

.preguntaBox .fechaPregunta{
	color:#FF039A;
	padding:0 10px 0 0;
}
.preguntaBox h4{
	color:#FF039A;
	text-transform:uppercase;
}
#listPreguntasSemana p.intro{
	color:#469DE0;
	font-size:1.1em;
	line-height:1.3em;
	margin:0px 26px 20px 26px;
	position:relative;
}
#listPreguntasSemana p.intro a{
	color:#469DE0;
	text-decoration:underline;
}
#listPreguntasSemana p.intro a:hover{
	color:#469DE0;
	text-decoration:none;
}
#listPreguntasSemana h3{
	color:#FFFFFF;
	background:#FF8500;
	font-size:12px;
	font-weight:bold;
	padding:2px;
	text-transform:uppercase;
	margin:0 26px 15px 20px;
	position:relative;
	left:8px;
	height:14px;
}
ul.listPreguntas {
	margin:30px 0 0 0;
}
ul.listPreguntas li{
	display:block;
	overflow:hidden;
	padding:0 0 5px 28px;
	position:relative;
}
ul.listPreguntas li p{
	width:298px;
	float:left;
	line-height:19px;
}
ul.listPreguntas li .votos{
	display:block;
	float:left;
	line-height:14px;
	position:relative;
	top:2px;
	width:170px;
}
.color-1 {background: url(/media/img/common/ico-a.gif) no-repeat left top;}
.color-2 {background: url(/media/img/common/ico-b.gif) no-repeat left top;}
.color-3 {background: url(/media/img/common/ico-c.gif) no-repeat left top;}
.color-4 {background: url(/media/img/common/ico-d.gif) no-repeat left top;}
.color-5 {background: url(/media/img/common/ico-e.gif) no-repeat left top;}
.color-6 {background: url(/media/img/common/ico-f.gif) no-repeat left top;}

.color-1 .barra{background:#ff00cc;}
.color-2 .barra{background:#97C00E;}
.color-3 .barra{background:#FF8500;}
.color-4 .barra{background:#ff00cc;}
.color-5 .barra{background:#FF8500;}
.color-6 .barra{background:#97C00E;}

.color-1 .porcentaje{color:#ff00cc;}
.color-2 .porcentaje{color:#97C00E;}
.color-3 .porcentaje{color:#FF8500;}
.color-4 .porcentaje{color:#ff00cc;}
.color-5 .porcentaje{color:#FF8500;}
.color-6 .porcentaje{color:#97C00E;}

.barra{
	float:left;
	height:14px;
}
.porcentaje{
	float:left;
	left:110%;
	position:relative;
}
a.showLegalCuestionario{color:#FF8500; text-decoration:underline; font-size:11px;}
a.showLegalCuestionario:hover{color:#FF8500; text-decoration:none;}
.legalCuestionario{
	color:#469DE0;
	font-size:1.1em;
	line-height:1.3em;
	margin:10px 26px 20px 20px;
	position:relative;
}


/* WIDGET LAYER */

#widgetPreguntaLayer{
	background:#FFFFFF none repeat scroll 0 0;
	display:block;
	margin:20px 0 0;
	overflow:hidden;
	padding:0;
	position:relative;
	width:760px;
}

#widgetPreguntaLayer h2{
	padding:15px 0 0;
	width:680px;
	margin:0px auto;
}

#widgetPreguntaLayer p{
	clear:both;
	color:#469DE0;
	font-size:11px;
}
#widgetBlocks{
	width:680px;
	margin:0px auto;
	overflow:hidden;
	padding-bottom:20px;
}

.btn_widgetHoydia p{
	padding:10px 0 0 20px!important;
}

#widgetBlocks p{
	clear:both;
	color:#469DE0;
	font-size:11px;
	display:block;
	text-align:left!important;
}

.preguntaDesktop, .preguntaFacebook, .preguntaPagina{
	float:left;
	display:block;
	margin:15px 0 0;
}

.preguntaDesktop{
	width:250px;
}
.preguntaFacebook{
	width:230px;
}

.preguntaPagina{
	width:200px;
}

#preguntaDesktopWidget{
	width:217px;
	height:294px;
}

#preguntaFacebookWidget{
	width:182px;
	height:286px
}
#preguntaFacebookPagina{
	width:182px;
	height:365px
}

#preguntaDesktopWidget, #preguntaFacebookWidget, #preguntaFacebookPagina{
	margin:10px 0 0 0;
	display:block;
}


#widgetBlocks p strong{
	font-weight:bold!important;
}
#widgetBlocks a {
	color:#96C110!important;
	text-decoration:none!important;
}
#widgetBlocks a:hover{
	color:#469DE0!important;
	text-decoration:underline!important;
}
.codeWidget{
	border:1px solid #469DE0;
	width:183px;
}
.btn_copialo{
	float:right;
	margin:10px 0;
	position:relative;
}

.showWidgetPregunta{
	background:url(/media/img/botones/btn_llevatela.gif) no-repeat top left;
	display:block;
	height:19px;
	left:477px;
	margin:0 0 10px;
	position:relative;
	text-indent:-9999px;
	width:101px;
}

.showWidgetPregunta:hover{
	background-position:0 -19px;
}

.backTests{
	background:url(/media/img/botones/btn_vermasTest.gif) no-repeat top left;
	display:block;
	height:22px;
	left:23px;
	margin:0 0 10px;
	position:relative;
	text-indent:-9999px;
	width:198px;
}
.backTests:hover{
	background-position:0 -22px;
}
.btnCierreWidget{
	height:13px;
	left:742px;
	position:relative;
	top:5px;
	width:13px;
}