@charset "utf-8";
/* CSS Document */

@import url(//fonts.googleapis.com/css?family=Chelsea+Market|Open+Sans);


.clear{
clear:both;
}
.fb-img{
	text-align:center;
}

.fb-img img{

	margin:10px;
	
   
}
.fb > input[type=checkbox]{
  display:none;
}
input[type=checkbox] + div img{
  	cursor:pointer;
  	border-radius:10px;
  	border:1px solid;
  	
}
.radioRed:checked + div img{
  	border:10px solid #DC143C;
  	border-radius:10px;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.radioGreen:checked + div img{
	border:10px solid #3CB378;
	border-radius:10px;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.radioPink:checked + div img{
	border:10px solid #FF00FF;
	border-radius:10px;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.radioBlue:checked + div img{
	border:10px solid #6495ED;
	border-radius:10px;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.radioOrange:checked + div img{
	border:10px solid #FF8C00;
	border-radius:10px;
    -webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}


.contenedor input{
	font-size:0px;
}
.tests_form1{
	overflow: hidden;
	background-color: #66ccff;
	padding: 2%;
	border-radius: 25px;
 	-webkit-border-radius: 25px;
	-moz-border-radius: 25px
}

.botones{
	float: left;
	text-align: center;
	width: 23%;
}
.botones input{
	background-color:transparent;
	background-repeat:no-repeat;
	border:none;
	cursor: pointer;
	font-family: 'Chelsea Market', cursive;
	text-transform: uppercase;
	color:#076ea0;
	padding:5px 10px 5px 10px;
}
.botones .inputAmor_selected, .botones .inputAmistad_selected, .botones .inputDeTodoUnPoco_selected, .botones .inputTodos_selected{
	background-color: #00a2e3;
	color:white;
	border-radius: 25px;
	padding:5px 10px 5px 10px;
}

.botones input:hover{
	background-color: #00a2e3;
	color:white;
	border-radius: 25px;
	padding:5px 10px 5px 10px;
}

.categoriaActual{
	text-align:right;
	margin:20px 20px 0px 0px;
}

.relatedTests{
	width:100%;
	float:left;
	border:1px solid #0099cc;
	background-color:white;
	font-family: 'Chelsea Market', cursive;
	margin-bottom:10px;
}

.relatedTests .each_realted_test{
	width: 33.33%;
	float:left;
	padding:10px;
}

.relatedTests .each_realted_test img{
	padding:0px;
	width: 100%;
}





.each_tests{
	width:100%;
	margin-top: 20px;
	border:1px solid #ff66cc;
	background-color: #ff66cc;
	padding:15px;
	overflow: hidden;
}
.each_tests .each_tests_img{
	width: 50%;
	float:left;
	overflow: hidden;
}
.each_tests .each_tests_img img{
	width: 100%;
	margin:0px;
}
.each_tests .each_test_text{
	width: 50%;
	float:left;
	padding:10px;
}
.each_tests .each_test_text .tit_test{
	font-size:24px;
	color:white;
	font-family: 'Chelsea Market', cursive;
}
.each_tests .each_test_text .txt_test{
	font-size:14px;
	color:white;
}

.each_tests h3{
	margin:10px 0 5px 0;
	padding:0px 0px 5px 0px;
	border-bottom:1px solid #FF0000;
	color:white;
	font-size:18px;
}
.each_tests p{
	margin:0;
	padding:2px 0;
}
.each_tests .txtch{
	font-size:12px;
	font-weight:bold;
}

.marco_preg{
	background-color:#fff;
}
.marco_preg .preg{
	font-family: 'Chelsea Market', cursive;
	font-weight:bold;
	color:#0099cc;
	margin:10px 0 10px 0;
}

.marco_preg .opc_preg{
	font-size:14px;
	font-weight:bold;
	color:#ff66cc;
	float:left;
	font-family: 'Chelsea Market', cursive;
}
.marco_preg .resp {
	font-size:12px;
	margin-left:36px;
	padding:2px 0 8px 0;
}
.boton_test{
	text-align: center;
}
.boton_test input{
	background-color:transparent;
	background-repeat:no-repeat;
	border:none;
	cursor: pointer;
	font-family: 'Chelsea Market', cursive;
	text-transform: uppercase;
	background-color: #00a2e3;
	color:white;
	border-radius: 25px;
	padding:5px 10px 5px 10px;

}

.test_result{
	margin-top:10px;
	width: 100%;
	padding:15px;
	overflow: hidden;
	color: #ff66cc;
	border:1px solid #ff66cc;
}
.test_result img{
	width: 50%;
	float:left;
}
.test_result .tit_ptos{
	width: 50%;
	float:left;
	font-family: 'Chelsea Market', cursive;
	text-transform: uppercase;
	text-align: center;
	font-size:20px;
}
.test_result .result_header{
	margin:0;
	font-family: 'Chelsea Market', cursive;
	text-align: center;
	font-size:30px;
	padding:0 1%;
	width: 50%;
	float: left;
}
.rta_ptos {
	font-size:20px;
	font-weight:bold;
	color:#fff;
	margin:30px 20px 20px 20px;
}
.marco_resp{
	background-color:#fff;
	padding:4px;
	margin:8px 20px 10px 20px;
}
.marco_resp img{
	float:left;
	padding:0 8px 8px 0;
}
.rango{
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
}
.rango span{
	background-color:#CC0000;
	border:1px solid #FFFFFF;
	padding:4px;
}
.txt_ptos{
	width:100%;
	font-size:14px;
	padding:2%;
	float:left;
	color:white;
	background-color:#ff66cc; 
}
.lnk_ptos{
	width: 100%;
	margin-bottom:10px;
	overflow: hidden;
}
.lnk_ptos a{
	font-family: 'Chelsea Market', cursive;
	text-transform: uppercase;
	background-color: #00a2e3;
	color: white;
	border-radius: 25px;
	padding: 5px 10px 5px 10px;
	float:right;
}
.lnk_ptos_repetir{
	width: 100%;
	margin-top:5px;
	overflow: hidden;
	
}
.lnk_ptos_repetir a{
	font-family: 'Chelsea Market', cursive;
	text-transform: uppercase;
	background-color: #00a2e3;
	color: white;
	border-radius: 25px;
	padding: 5px 10px 5px 10px;
	float:right;
}

.test .lista_tests{
	background-color:white;
	margin-top:20px;
	width: 100%;
	padding:20px;
	border:1px solid #ff66cc;
	overflow: hidden;
}
.test .lista_tests .lista_tests_imagen{
	width: 50%;
	float:left;
}
.test .lista_tests .lista_tests_imagen img{
	width: 100%;
}
.test .lista_tests .lista_tests_texto{
	float:left;
	width:50%;
	padding: 0 2% 0 4%;
	font-family: 'Chelsea Market', cursive;
}
.test .lista_tests .lista_tests_texto .nuevo{
	text-align: center;
}
.test .lista_tests .lista_tests_texto a {
	float:left;
	font-size: 22px;
	font-weight:bold;
	padding:0px 0px 20px 0px;
	line-height:20px;
	color:#0e7fa1;
	width: 100%;
}
.test .lista_tests .lista_tests_texto p{
	font-family: 'Open Sans', sans-serif;
	line-height: 115%;
	font-size: 15px;
	color:#999999;
}

.test .lista_tests .tit_tests{
	font-size:14px;
	font-weight:bold;
	color:#CC0000;
}
.test .lista_tests .tit_tests a{
	color:#CC0000;
}
.test .lista_tests .txt_tests{
	font-size:12px;
}

.test .anteriores{ 
	width:100%;
	margin-top: 25px;
	overflow: hidden;
	text-align: center;
}

.test .lista_tests2{
	background-color:white;
	margin-top: 5px;
	overflow: hidden;
}
.test .lista_tests2 .pair_test{
	width:100%;
	overflow: hidden;
}

.test .lista_tests2 .more_tests{
	float:left;
	width: 50%;
	padding:3%;
}
.test .lista_tests2 .more_tests p{
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	color:#999999;
}
.lista_tests2 .more_tests img {
	width:100%;
	margin-bottom:15px;
}

.test .lista_tests2 a {
	font-family: 'Chelsea Market', cursive;
	font-size: 22px;
	font-weight:bold;
	line-height:20px;
	color:#0e7fa1;
}

	


.test .alignleft {
	float:left;
	top left no-repeat;
	margin:10px 0px;
	}
.test .alignright {
	float:right;
	top right no-repeat;
	margin:10px 0px;
	}
.test .alignleft a{
	color:#17b1c1;
	font-size:14px;
}
.test .alignright a{
	color:#17b1c1;
	font-size:14px;
}

.td{

	margin: 0 auto;
}



.relatedImg1{
	margin-top:10px;
	text-align: center;
	
}
.relatedImg1 img{
	margin:auto;
	padding:0px;
	display: block;
}

.widgetTestsCategory p{
	margin:0;
}
.widgetTestsImg img{
	width:100%;
}
.linkTets{
	text-align: center;
}
@media screen and (max-width: 1000px){
	.botones input{
		font-size:14px;
	}
	.widgetTestsImg{
		text-align: center;
	}
	.widgetTestsImg img{
		width: 60%;
	}
}
@media screen and (max-width: 600px){
	.test .lista_tests .lista_tests_imagen{
		width: 100%;
	}
	.test .lista_tests .lista_tests_texto{
		width: 100%;
	}
}
@media screen and (max-width: 480px){
	.botones{
		width: 48%;
		margin-bottom:2px;
	}
}