@charset "utf-8";
/* CSS Document */
body
{
	margin: 0;
	padding: 0;
	background: #FFFFFF;
}
body,input,textarea,select
{
	font-family: 'Quicksand', sans-serif;
	font-size: 11pt;
	font-weight: 300;
	line-height: 1.75em;
	color: #666666;
}
body,html
{ 
	height:100%;
}
#cabeza{
	width:100%; 
	height:50px; 
	background-color: rgba(255,255,255,0.5); 
	z-index:9999; 
	position:fixed;	
}
#logotipo{
	display:none;	
}
.menu-toogle {
	display:none;	
}
#cuerpo{
	width:100%;	
}
			
#tri{
	float:left; 
	width:370px; 
	text-align:center;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 1px solid #CCCCCC;
	padding:10px;
	height:250px;
}
#tri:hover{
	float:left; 
	width:370px; 
	text-align:center;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 1px solid #CCCCCC;
	padding:10px;
	height:250px;
	-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
}
#tri2{
	float:left; 
	width:370px; 
	text-align:center;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 1px solid #CCCCCC;
	padding:10px;
	height:250px;
}
#separador{
	width:10px; 
	float:left; 
	border:#FFFFFF thin solid;	
}
#duo{
	width:50%; 
	float:left; 
	text-align:center;	
}
#duopie1{
	width:50%; 
	float:left;
	padding-top:20px;
}
#duopie2{
	width:30%; 
	float:left; 
	text-align:left;	
}
#duopie3{
	width:20%; 
	float:right; 
	text-align:right;	
}
#duo-s{
	float:left; 
	width:46%; 
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 1px solid #CCCCCC;
	padding:10px;
}
.titulos_grandes{
	font-family: 'Quicksand', sans-serif;
	color:#666666;
	font-size:30px;
	text-shadow: 1px 1px 1px #000;
	height:20px;
}
.titulos_precios{
	font-family: 'Quicksand', sans-serif;
	color:#d35351;
	font-size:24px;
	text-shadow: 1px 1px 1px #000;
}
.encuesta{
	font-family: 'Quicksand', sans-serif;
	color:#d9001d;
	font-size:18px;
	text-shadow: 1px 1px 1px #000;
	height:40px;
}
a.menu{
	font-family: 'Quicksand', sans-serif;
	font-size: 12pt;
	font-weight:600;
	/*line-height: 1.75em;*/
	color: #1a1e29;
	text-decoration:none;	
}
a.menu:hover{
	text-decoration:underline;
	color:#d9001d;	
}
input[type=text], [type=email]{
	 width: 98%;
	 height: 40px;
	 font: 400 20px "Open Sans", Arial, sans-serif;
	 margin: 0 0 10px 0;
	 border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border:#CCC thin solid;
	color:#999;
	padding-left:10px;
}
.inputc{
	 width: 98%;
	 height: 40px;
	 font: 400 20px "Open Sans", Arial, sans-serif;
	 margin: 0 0 10px 0;
	 border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border:#CCC thin solid;
	color:#999;
	padding-left:10px;
}
input[type=button], [type=submit]{
	 background-color:#1c71b0;
	 height:50px;
	 width:98%;
	 border:none;
	 font-weight:400;
	 letter-spacing:2px;
	 color:#FFFFFF;
	 border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}
textarea{
	 width: 98%;
	 height: 100px;
	 font: 300 20px "Open Sans", Arial, sans-serif;
	 margin: 0 0 10px 0;
	 border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border:#CCC thin solid;
	color:#999;
	padding-left:10px;
}
#sesenta{
	width:60%;
	float:left;
}
#cuarenta{
	width:35%;
	float:left;
	padding-left:30px;
}

.footer
{
  	bottom: 0;
 	background-color:#333; 
	width:100%;
	height:130px;
}
/*Articulos*/
#imagenpost
{
	float:left; 
	width:145px;
}
#contenedorpost
{
	float:left; 
	width:670px; 
	padding-left:20px;
	text-align:justify;
}
#fecham
{
	display:none;
}
#fechaizq
{
	width:10%; 
	float:left; 
	text-align:center;
	display:block;	
}
#prearticulo
{
	width:88%; 
	float:left	
}
#botonleermas
{
	width:200px; 
	height:40px; 
	background:#1c71b0; 
	padding-top:15px; 
	margin-top:20px;
	display:inline-block; 
	vertical-align:top;	
}
/*Articulos fin*/
/*Boton busqueda inicio*/
.widget-search {
	float: left;
}

.ie8 .widget-search,
.ie8 .top-search {
	float: none;
}

.widget-search input {
	width: 240px;
	color: #888;
}

.search-btn-widget {
	float: right;
	position: relative;
	padding: 0;
	top:0;
	right:0;
	margin: 0 0 0 -44px;
	background: url(../imagenes/buscar.png) 50% no-repeat;
	background-color: #1c71b0;
	width: 44px;
	height: 44px;
	cursor: pointer;
	border: none;
	z-index: 100;
	border-radius: 0 2px 2px 0;
	box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.15);
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}

.search-btn-widget:hover {
	background-color: #da021e;
	box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.1);
}
/*Boton busqueda fin*/
a.enlace-normal{
	font-size: 12px;
	color:#333;
	text-decoration:none;
}
a.enlace-normal:hover{
	text-decoration:underline;
}
.alerta-mensas {
	background-color: #d35351;
	position: absolute;
	color:#FFFFFF;
	-khtml-border-radius:3px;
	border-radius:3px;
	padding:10px 10px 10px 10px;
	left:50%;
	top:35%;
	width:400px;
	margin-left:-200px; 
	font-size:14px;
	font-family: 'Quicksand', Verdana, Geneva, sans-serif;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
}

a.tooltip:hover {
	text-decoration:none;
}

a.tooltip span {
	display:none;
	margin:0 0 0 10px;
	padding:5px 5px;
} 

a.tooltip:hover span {
	display:inline;
	position:absolute;
	border:1px solid #cccccc;
	background:#ffffff;
	color:#666666;
}

@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
	
	#cabeza{
		/*width:100%; 
		height:50px; 
		background-color: rgba(255,255,255,0.5); 
		z-index:9999; 
		position:fixed;	*/
		display:none;
	}
	#logotipo{
		display:block;	
	}
	.menu-toogle {
		display:block;	
	}
	#cuerpo{
		width:100%;
		padding-left:5px;
		padding-right:5px;
	}
	#tri{
		width:90%; 
		text-align:center;
		border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		border: 1px solid #CCCCCC;
		padding:10px;
		height:250px;
		margin:0 auto;
	}
	#tri:hover{
		width:90%; 
		margin:0 auto;
		text-align:center;
		border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		border: 1px solid #CCCCCC;
		padding:10px;
		height:250px;
		-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.75);
	}
	#tri2{
		width:90%; 
		text-align:center;
		border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		border: 1px solid #CCCCCC;
		padding:10px;
		height:250px;
		margin:0 auto;
	}
	#separador{
		width:100%;
		height:20px;
	}
	#duo{
		width:100%; 
		text-align:center;	
	}
	#duopie1{
		width:100%; 
		text-align:center;	
		background-color:#333; 
	}
	#duopie2{
		width:100%; 
		text-align:center;	
		background-color:#333; 
	}
	#duopie3{
		width:100%; 
		text-align:center;	
		background-color:#333; 
	}
	#duo-s{
		float:left; 
		width:90%; 
		border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		border: 1px solid #CCCCCC;
		padding:10px;
	}
	inputc
	{
		 width: 96%;
		 height: 40px;
		 font: 400 20px "Open Sans", Arial, sans-serif;
		 margin: 0 0 10px 0;
		 border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		border:#CCC thin solid;
		color:#999;
		padding-left:10px;
	}
	textarea
	{
		 width: 96%;
		 height: 100px;
		 font: 300 20px "Open Sans", Arial, sans-serif;
		 margin: 0 0 10px 0;
		 border-radius: 10px 10px 10px 10px;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		border:#CCC thin solid;
		color:#999;
		padding-left:10px;
	}
	#sesenta{
		width:100%;
	}
	#cuarenta{
		width:90%;
		padding-top:40px;
	}
	/*Articulos*/
	#imagenpost
	{
		float:left; 
		width:100%;
	}
	#contenedorpost
	{
		float:left; 
		width:100%;
		text-align:justify;
		padding-left:0px;
	}
	#fecham
	{
		display:block;
		font-size:10px; 
		color:#1c71b0;
	}
	#fechaizq
	{
		width:12%; 
		float:left; 
		text-align:center;
		display:none;	
	}
	#prearticulo
	{
		width:100%; 
		float:left;
	}
	#botonleermas
	{
		width:100%; 
		height:40px; 
		background:#1c71b0; 
		padding-top:15px; 
		margin-top:20px;
		display:inline-block; 
		vertical-align:top;	
	}

	/*Articulos fin*/
	.alerta-mensas {
		background-color: #d35351;
		position: absolute;
		color:#FFFFFF;
		-khtml-border-radius:3px;
		border-radius:3px;
		padding:10px 10px 10px 10px;
		left:50%;
		top:35%;
		width:300px;
		margin-left:-160px; 
		font-size:14px;
		font-family: 'Quicksand', Verdana, Geneva, sans-serif;
		-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
		-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
		box-shadow: 10px 10px 5px 0px rgba(0,0,0,1);
	}
	
}