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

* {
	border:0;
	margin:0;
	padding:0;
	list-style:none;
	}
#lightbox2 {
	background: white;
	margin:0px;
	margin-top: 19px;
	position:relative;
	padding:0 78px;
	font:12px/normal Arial, sans-serif;
	color:#757575;
	}
	

h1 {
	font:24px/normal Verdana, sans-serif;
	color:#255988;
	font-weight:normal;
	padding:30px 0 50px 0;
	}
h2 {
	width:100%;
	font:12px/normal Arial, sans-serif;
	color:#255988;
	font-weight:bold;
	margin-top: -12px;
	}
.logo {
	display:block;
	width:270px;
	height:72px;
	background:url(../images/logo.png) no-repeat 0 0;
	text-indent:-9999px;
	position:absolute;
	right:40px;
	top:8px;
	}
.izquierda {
	float:left;
	width:450px;
	height:auto;
	}
.izquierda .tabla-contenedor {
	margin:25px 0 40px 0;
	}
.izquierda .caras {
	background:url(../images/bg-tabla1.png) no-repeat 175px 0;
	height:25px;
	 }
.izquierda .tabla {
	width:100%;
	background:#FFFFFF;
	}
.izquierda .tabla td {
	height:35px;
	width:55px;
	vertical-align:middle;
	}
.izquierda .tabla th {
	width:140px;
	text-align:left;
	padding-left:15px;
	}
 .izquierda .tabla .gris, .tabla2 table td {
	background:#f5f5f8;
	}
.izquierda .radio {
	display:block;
	width:13px;
	margin:0 auto;
	outline:0;
}

.izquierda .radio2 {
	display:block;
	width:13px;
	margin:0 auto;
	background:#f5f5f8;
	outline:0;
}

.izquierda p {
	font-size:11px;
	}
.izquierda p a {
	text-decoration:none;
	color:#263c75;
	}
.izquierda .tabla3 {
	margin:20px 0 35px 0;
	}
.izquierda .tabla3 td {
	width:180px;
	height:30px;
	border-bottom:1px dashed #dcdcdc;
	vertical-align:middle;
	}
.izquierda .tabla3 .espacio {
	width:15px !important;
	border:none;
	}
.izquierda .tabla3 p {
	font-weight:bold;
	float:left;
	width:170px;
	}
.izquierda .tabla3 .texto {
	font-weight: normal;
	width: 140px;
	margin-left: 23px;
	}
.izquierda .tabla3 .checkbox {
	margin-right:10px;
	float:left;
	}
.izquierda .tabla3 .h40 {
	height:40px;
	}
.izquierda .tabla3 .h40 .checkbox {
	margin-top:5px;
	}
.izquierda .tabla3 .noborde {
	border-bottom:none;
}
.tabla2 {
	margin:18px 0;
	}
.tabla2 table {
	width: 100%;
	}
.tabla2 .caras {
	height:24px;
	background:url(../images/bg-tabla2.png)  no-repeat 32px 0;
	}
.tabla2 table td {
	height:35px;
	width:78px;
	vertical-align:middle;
	}
.select {
	width:100%;
	height:30px;
	margin-top:10px;
	background:#ededee;
	border:1px solid #c0c0c0;
	font:12px/normal Arial, sans-serif;
	font-weight:bold;
	padding: 5px 10px;
	color:#757575;
	}
.select.frecuencia {
	width:409px;
	}
.derecha {
	width: 409px;
	height: auto;
	float: left;
	margin-left: 25px;
	}
.derecha p {
	font-size:11px;
	}
.derecha p a {
	text-decoration:none;
	color:#263c75;
	}
.derecha .tabla3 {
	margin: 9px 0 35px 0;
	}
.derecha .tabla3 td {
	width: 328px;
    height: 27px;
	border-bottom:1px dashed #dcdcdc;
	vertical-align:middle;
	}
.derecha .tabla3 .espacio {
	width:15px !important;
	border:none;
	}
.derecha .tabla3 p {
	font-weight:bold;
	float:left;
	width:170px;
	}
.derecha .tabla3 .texto {
	font-weight: normal;
	width: 140px;
	margin-left: 23px;
	}
.derecha .tabla3 .checkbox {
	margin-right:10px;
	float:left;
	outline:0;
	text-align:center;
	}
.derecha .tabla3 .h40 {
	height:40px;
	}
.derecha .tabla3 .h40 .checkbox {
	margin-top:5px;
	}
.derecha .tabla3 .noborde {
	border-bottom:none;
	}
.textarea {
	width:430px;
	height:122px;
	background:#FFFFFF;
	border:1px solid #bebebe;
	resize:none;
	margin:15px 0 20px 0;
	padding:5px;
	}
.bottom {
	clear:both;
	width:565px;
	/*height: 98px;*/
	margin:0 auto;
	position:relative;
	}
.bottom h2 {
	/*text-align: center;*/
	margin-top: 15px;
	}
.btn {
	display:block;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	background:#255988;
	padding:8px 15px; 
	}
.btn:hover { background-color:#3171aa;}	
.bottom a {
	width: 139px;
	height: 18px;
	/*margin: 0 auto;*/
	margin-left: 52%;
	}
.bottom p {
	font-size:11px;
	margin-top:15px;
	}
.bottom p span {
	font-weight:bold;
	}
/*no completado*/
.cuadro  {
	width:555px;
	height:260px;
	margin:90px auto;
	}
.nocompletado {
	background:url(../images/bg-alerta.png) #f5f5f8 no-repeat 260px 45px;
	}
.completado {
	background:url(../images/bg-completado.png) #f5f5f8 no-repeat 265px 45px;
	}
.cuadro p {
	width:240px;
	text-align:center;
	margin:0 auto;
	padding:90px 0 35px 0;
	font-weight:bold;
	}
.cuadro p span {
	display:block;
	font:20px/normal Verdana, sans-serif;
	color:#255988;
	font-weight:normal;
	margin-bottom:10px;
	}
.cuadro a {
	width:70px;
	margin:0 auto;
	}

.texto-down{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #757575;
	font-weight:normal;
	text-align:center;
	margin-top:15px;
	}
	
.texto-down a{
	color:#255988;
	font-weight:bold;
	text-decoration:none;
}.derecha .tabla .gris th {
	text-align: left;
}

#content-encuesta{
	height:300px !important;
}

.ie7 .table-center {
text-align:center;
}



/* CSS Responsivo */
@media (min-width: 911px) and  (max-width: 1050px) {
	#lightbox2{
		padding: 0 8px !important;
		/*margin-left:20%;*/
	}
	}
	
	
@media (min-width: 801px) and  (max-width: 910px) {
	#lightbox2{
		/*padding: 0 55px !important; */
		margin-left:20%;
	}
	}
	
@media (min-width: 761px) and  (max-width: 800px) {
	#lightbox2{
		/*padding: 0 43px !important; */
		margin-left:10%;
	}
	}

@media (min-width: 651px) and  (max-width: 760px ){
	#lightbox2{
		/*padding: 0 39px !important; */
		margin-left:10%;
	}
	}	

	
@media (min-width: 550px) and  (max-width: 650px) {
	#lightbox2{
		padding: 0 34px !important; 
		/*margin-left:20%;*/
	}
	}
	
@media (min-width: 449px) and  (max-width: 549px)  {
	#lightbox2{
		padding: 0 28px !important;
	}
	}

@media (max-width: 450px) {
	#lightbox2{
		padding: 0 22px;
	}
	#content_encuesta{
		
	}
	.izquierda{
		width: 455px;
		margin-left: 5px;
	}
	.izquierda .tabla{
		width: 80%
	}
	.izquierda .tabla th{
		width: 80px;
		padding-left: 5px;
	}
	.izquierda .tabla td{
		height: 25px;
		width: 35px;
	}
	.izquierda .caras{
		background: url(../images/bg-tabla1-rsp.png) no-repeat 128px 0;
	}
	.textarea{
		width: 76%;
	}
	.derecha{
		width: 390px;
		margin-left: 5px;
	}
	.select{
		width: 385px;
	}
	.select.frecuencia {
		width: 385px;
	}
	.bottom {
		width:385px;
	}
}