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

body {
	font: 1em/150% Arial, Helvetica, sans-serif;
	background-color:#FFD500;
}
h1 {
	font: bold 36px/100% Arial, Helvetica, sans-serif;
}

/************************************************************************************
ESTRUCTURA
*************************************************************************************/
#strctra {
	padding: 5px;
	width: 960px;
	margin: 10px auto;
	
}
#imgh{
	text-align:center;
	width:132px;
	height:56px;
	padding-bottom:15px;
}
#ttloh{
	color:#FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
}
#header {
	height: auto;
	background-image: url(../img/fondo-azul.jpg)
}
.info{
	font-size:9px;
	color:#FFF;
}
#infoh{
	text-align:right;
	padding-top:5px;
	padding-right:5px;
	/*Propiedad para dar espacio entre lineas de un párrafo*/
	line-height: 1.3em;	
}
#cntndor{
	background-color:#FFF;
	width: auto;
}
#txtdrch {
	width: 450px;
	float: left;
	padding-top:30px;
	padding-left:10px;
}
#ttloc{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#910000;
	font-size:22px;
	font-weight: bold;
}
#sbttloc{
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
    color: #DB2843;
    font-weight: bold;
	text-align:left;
}
.ltdo{
	font-size: 16px;
    color: #000;
	text-align:left;
}
#ltdos{
	font-size: 16px;
    color: #009;
    font-weight: bold;
	text-align:left;
}
#ltdoe{
	font-weight: bold;
	font-size: 16px;
    color: #910000;
	text-align:left;
}
#frm {
	width: 450px;
	float: right;
	padding-top:10px;
}
#ppgna {
	clear: both;
	background-image:url(../img/fondo-azul.jpg);
	color:#FFF;
}
#mrqsna{
	color:#FFF;
	font-size:24px;
}
#mrco{
	width:958px;
}
#crsos1 {
	width: 445px;
	float: left;
	padding-left:20px;
}
#rsltan{
	color:#FFF;
	font-size:18px;
}
#crsos2 {
	width: 445px;
	float: right;
	padding-top:30px;
	padding-right:10px;
	padding-left:20px;
}
.tstmnioimg{
	width:445px;
	height:121px;
}
#tstmnio1 {
	width: 475px;
	float: left;
	text-align:center;
}
#tstmnio2 {
	width: 475px;
	float: right;
	text-align:center;
}
.rdscles
{
	width:35px;
	height:35px;
	padding-top:20px;
	padding-right:10px;
}
#infop{
	text-align:center;
	padding-bottom:10px;
	/*Propiedad para dar espacio entre lineas de un párrafo*/
	line-height: 1.3em;	
}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* para 980px o menos */
@media screen and (max-width: 980px) {
	
	#strctra {
		width: 95%;
	}
	#ttloh{
		font-size: 22px;
	}
	#txtdrch {
		width: 40%;
		text-align:left
	}
	#frm {
		width: 55%;
		padding-top:10px;
	}
	#mrco{
		width:100%;
	}
	#crsos1 {
		width: 45%;
	}
	.rslta{
		color:#FFFF00;
		font-size:20px;
	}	
	#rsltan{
		color:#FFF;
		font-size:14px;
	}
	#crsos2 {
		width: 45%;
	}
	.tstmnioimg{
		width:90%;
		height:auto;
	}
	#tstmnio1 {
		width: 49%;
	}
	#tstmnio2 {
		width: 49%;
}
}

/* para 700px o menos */
@media screen and (max-width: 700px) {
	#ttloh{
		font-size: 20px;
	}
	#txtdrch {
		width: 100%;
		height:100%;
		float: none;
		text-align:left;
	}
	#frm {
		width: 100%;
		float: none;
		padding-top:10px;
	}
	#crsos1 {
		width: 40%;
	}
	.rslta{
		color:#FFFF00;
		font-size:16px;
	}	
	#rsltan{
		color:#FFF;
		font-size:14px;
	}
	#crsos2 {
		width: 40%;
	}
	#tstmnio1 {
		width: 49%;
	}
	#tstmnio2 {
		width: 49%;
}
}

/* para 480px o menos */
@media screen and (max-width: 480px) {

	#header {
		height: auto;
	}
	h1 {
		font-size: 24px;
	}
	#ttloh{
		font-size: 16px;
	}
	#txtdrch {
		width: auto;
		float: none;
		text-align:left;
		padding-left:10px;
		padding-right:10PX;
	}
	#frm {
		width: auto;
		float: none;
		padding-top:10px;
	}
	#crsos1 {
		width: auto;
		float: none;
	}
	#crsos2 {
		width: auto;
		float: none;
	}
	#tstmnio1 {
		width: auto;
		float: none;
	}
	#tstmnio2 {
		width: auto;
		float: none;
	}
}

/* borde & guideline (puedes ignorarlo) */

#header, #frm {
	margin-bottom: 5px;
}
/*#strctra, #header, ##ppgna, #crsos1, #crsos2, #tstmnio1, #tstmnio2 {
	border: solid 1px #ccc;
}
*/