@charset "utf-8";
/* Autor: Francisco Camarena , triplewsystems.com */
header, nav, section, article, aside, figure, footer{
	display:block;
}
.limpiar{
	clear:both;
}
a img{
	border:none;
}

a:link {
	text-decoration: none;
	color: #CCC;
}
a:visited {
	text-decoration: none;
	color: #CCC;	
}
a:hover {
	text-decoration: none;
	color: #CCC;	
}
a:active {
	text-decoration: none;
	color: #CCC;	
}

body, html{
	background:;
	margin:0px;
	height:100%;
	font-family:Verdana, Geneva, sans-serif;
}


h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333;
	margin:6px;
}

/***    MAQUETACION           ****/

@-webkit-keyframes cintainformativa
{
	from{
		margin-left:100%;
	}
	to{
		margin-left:-100%;	
	}
}

@-moz-keyframes cintainformativa
{
	from{
		margin-left:100%;
	}
	to{
		margin-left:-100%;	
	}
}

.foto_auto{
	width:100%;
	height: auto;
}

#lienzo{
	float:left;
	width:100%;
	height:100%;
	background:;
}

#general{
	float:left;
	width:100%;
	height:auto;
	background:;
}

#boton_menu{
	float:right;
	width:50px;
	height:auto;
	background:;
	display:none;
}

#boton_menu img{
	width:100%;
	height:auto;	
}

#franja_superior{
	float:left;
	width:100%;
	height:auto;
	background-color:#666666;
	margin-bottom:0px;
}

#zona_menu{
	display:none;
}

#menu_boton{
	display:none;
}


#franja_superior_dentro{
	box-sizing:border-box;
	margin:0 auto;
	width:100%;
	max-width:1200px;
	height:auto;
	padding:10px 20px 22px 0px;
	background:;
	color:#FFF;
	font-size:12px;
}

#enlaces{
	display:block;	
}

#cabecera{
	float:left;
	width:100%;
	height:auto;
	background:;	
}

#cabecera_dentro{
	box-sizing:border-box;
	
	margin:0 auto;
	width:100%;
	max-width:1200px;
	height:auto;
	padding:5px 20px 20px 20px;
	background:;
}

#logo{
	position: absolute;
	top: 55px;
}

#logo img{
	float:left;
	width:100%;
	height:auto;
	max-width: 250px;;
}

#vineta{
	float:left;
	width:5%;
}

#item{
	float:left;
	width:95%;	
}

#cabecera_fila1{
	text-align:right;
	float:left;
	width:98%;	
	height:52px;
	background:;
	padding-top:25px;
}

#cabecera_fila2{
	float:left;
	width:100%;	
	height:55px;
	background:;
}

#marcadores2{
	display:block;
	float:left;
	width:100%;
	height:40px;
	margin-top:10px;
	background-color:#CCCCCC;

}

#paginacion2{
	float:left;
	width:190px; 
	height:40px; 
	background-color:#CCC;
}


#vistas2{
	float:right;
	text-align:right;
	width:45px; 
	height:40px; 
	background-color:#000;
}

#slide{
	float:left;
	width:100%;
	margin-top:0px;
	padding-bottom:50px;
	height:450px;
	background:#FFFFFF;
}
#frame{
	float:left;
	width:100%;
	height:500px;

}

#cuerpo1{
	box-sizing:border-box;
	float:left;
	width:100%;
	height:auto;
	margin-bottom:80px;
	background:#FFFFFF;
}

#cuerpo1_dentro{
	box-sizing:border-box;
	
	margin:0 auto;
	width:100%;
	max-width:1200px;
	height:auto;
	padding:5px 20px 20px 20px;
	background:;
}

#cuerpo_dentro{
	box-sizing:border-box;
	margin:0 auto;
	width:100%;
	max-width:1200px;
	height:auto;
	padding:10px 10px 0px 10px;
	background:;
}

#cuadro1{
	float:left;
	width:45%;
	height:300px;
	margin-top:10px;
	background-color:;	
}

#cuadro{
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	border-radius: 13px;

	box-sizing:border-box;	
	border: 1px solid #CCC;
	float:left;
	width:31.2%;
	height:400px;
	margin-right:0%;
	margin-top:0px;
	padding:0px;
	background-color:;
}

#noticias{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

	box-sizing:border-box;		
	float:left;
	padding:10px;
	width:99%;
	height:auto;
	padding-left:1%;
	margin-top:0px;
	margin-bottom:0px;
	background:#F4F4F4;	
	z-index:0;
}

#noticia{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-sizing:border-box;	
	
	float:left;
	width:33.3%;
	border:1px solid #CCC;
	padding:10px;
	min-height:380px;
	height:auto;
	background:#FFF;
	color:#FFF;
}
#noticia:hover{
	background:#F0F0F0;
		
}

#noticia_movil{
	display:none;
}

#noticia:hover{
	cursor:pointer;
}

#noticia_fecha{
	float:left;
	width:100%;
	height:auto;
	color:#999;	
	font-size:12px;
	margin-top:8px;
	margin-bottom:4px;
}


#noticia_titulo{
	float:left;
	width:100%;
	height:auto;
}




#noticia_imagen{
	box-sizing:border-box;		
	float:left;
	width:100%;
	height:auto;
}

#noticia_imagen img{
	width:100%;
	height:auto;
}

.grid_centrado {
	display: grid;
	place-items: center;
	padding:0em 0em 0em 0em;
	
}



.con_sombra{
	border-radius			: 10px 10px 10px 10px;
	-moz-border-radius		: 10px 10px 10px 10px;
	-webkit-border-radius	: 10px 10px 10px 10px;
	
	box-shadow				: -2px 1px 14px -3px rgba(0,0,0,0.58);
	-webkit-box-shadow		: -2px 1px 14px -3px rgba(0,0,0,0.58);
	-moz-box-shadow			: -2px 1px 14px -3px rgba(0,0,0,0.58);
	
/*
	-webkit-box-shadow		: 1px 2px 10px -10px rgba(0,0,0,0.75);
	-moz-box-shadow			: 1px 2px 10px -10px rgba(0,0,0,0.75);
	box-shadow				: 1px 2px 10px -10px rgba(0,0,0,0.75);
*/	

	transition: 0.2s;

	/*cursor: pointer;*/
}

.con_sombra:hover{

	-webkit-box-shadow: 3px 0px 20px -12px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 0px 20px -12px rgba(0,0,0,0.75);
	box-shadow: 3px 0px 20px -12px rgba(0,0,0,0.75);
		

}



.cuadro{
	box-sizing:border-box;		
	position:relative;
	width:100%;
	height:auto;
	background-color:;
}

.cuadro img{
	box-sizing:border-box;		
	width:100%;
	height:100%;
	position:relative;
}


#cuadro_cabecera{
	
	-webkit-border-top-left-radius: 13px;
	-webkit-border-top-right-radius: 13px;
	-moz-border-radius-topleft: 13px;
	-moz-border-radius-topright: 13px;
	border-top-left-radius: 13px;
	border-top-right-radius: 13px;
		
	box-sizing:border-box;		
	float:left;
	width:100%;
	height:auto;
	padding:12px 20px 12px 30px;
	background:#F58634;	
	background-image:url(../imagenes/fondo_cabecera_cuadro.jpg);
	background-position:right;
	background-repeat:no-repeat;
}

#cuadro_dentro{
	box-sizing:border-box;		
	float:left;
	width:100%;
	height:340px;
	padding:30px;
	background:;	
}

#franja_seccion{
	float:left;
	width:100%;
	height:65px;
	margin-bottom:20px;
	background: url(../imagenes/contactenos_cabecera.png) right bottom no-repeat, url(../imagenes/textura.png) left top repeat;

	text-align:center;
}

#franja_seccion_dentro{
	box-sizing:border-box;
	text-align:left;
	margin:0 auto;
	width:100%;
	max-width:1200px;
	height:auto;
	padding:12px 20px 18px 20px;
	background:;
}


#franja_inferior{
	float:left;
	width:100%;
	height:100px;
	background-color:#666666;
	margin-bottom:0px;
	text-align:center;
}

#franja_inferior_dentro{
	box-sizing:border-box;
	margin:0 auto;
	width:100%;
	max-width:1200px;
	height:auto;
	padding:30px 20px 22px 0px;
	background:;
}

#franja_inferior_dentro a:link{
	color:#FFF;
}


#franja_inferior_dentro a:hover{
	color:#FFF;
}

#franja_inferior_dentro a:visited{
	color:#FFF;
}

#franja_inferior_dentro a:activated{
	color:#FFF;
}

#izquierda{
	float:left;
	width:35%;
	height:350px;
/*	background-image:url(../imagenes/fondo_contact.jpg);*/
	background-size:cover;
	background-color:;
}

#imagen_servicios{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	float:left;
	width:100%;
	height:auto;
}

#imagen_servicios img{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	float:left;
	width:100%;
	height:100%;

}

#imagen_contactenos{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	float:left;
	width:100%;
	height:auto;
}

#imagen_contactenos img{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	float:left;
	width:100%;
	height:100%;

}


#derecha{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	

	border:1px solid #CCC;

	float:left;
	width:63%;
	margin-left:2%;
	min-height:400px;
	height:auto;
	padding:30px;
	background:;		
}

#columna_descripcion{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */	

	border:1px solid #CCC;

	float:left;
	width:63%;
	margin-left:0%;
	margin-right:2%;
	min-height:400px;
	height:auto;
	padding:30px;
	background:;		
}

#columna_descripcion img{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;	
	
}


#izquierda_contactenos{
	float:left;
	width:35%;
	height:350px;
	margin-left:1%;
/*	background-image:url(../imagenes/fondo_contact.jpg);*/
	background-size:cover;
	background-color:;
}


#derecha_contactenos{
	box-sizing:border-box;
	float:left;
	width:63%;
	padding-left:4%;
	padding-right:2%;
	padding-top:0px;
	height:auto;
	margin-bottom:80px;
	background-color:;
}

#area_formulario{
	box-sizing:border-box;
	float:left;
	width:100%;
	height:auto;
	background:;
	color:#666;
	font-size:14px;	
}

#descripcion_contact{
	float:left;
	width:90%;
	padding-top:10px;
	font-size:13px;
	color:#666;
	height:auto;
	line-height:18px;
	background:;	
}

.form_contact{
	box-sizing:border-box;
		
	padding:10px;
	width:100%;
	border:1px solid #E1E1E1;
	background:#F2F2F2;
	font-size:14px;
}

.clase_boton_enviar{
	
	border-radius: 0px 0px 0px 0px;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border: 0px solid #6BBBD6;

	box-sizing:border-box;
	padding:13px;
	margin-top:0px;
	width:100%;
	background:#F58634;

	color:#FFFFFF;
	font-size:15px;
	font-weight:normal;		

}

.clase_boton_enviar:hover{
	cursor:pointer;
	background: #FF6600;
}



#ver_mas{
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
		
	box-sizing:border-box;
	border: 1px solid #F93;
	float:left;
	width:35%;
	margin-left:35%;
	padding:8px;
	margin-top:15px;
	height:auto;
	color:#333;
	font-size:13px;
	background:;
}

#ver_mas:hover{
	border: 1px solid #CCC;	
	background:#F93;
	color:#FFF;
}

#imagenes{
	float:left;
	width:100%;
	height:auto;
	display:none;	
}

#imagenes img{
	float:left;
	width:100%;
	height:auto;	
}

#foto_slide{
	float:left;
	width:100%;
	margin-bottom:5px;	
}

#foto_slide img{
	width:100%;
	height:auto;	
}

#imagenes img{
	width:100%;
	height:auto;
}

/******************************************/
/***    DISEÑO PARA TABLETAS  HORIZONTAL   ****/
/******************************************/
@media only screen and (max-width:1600px){

#cabecera_dentro{
	padding:5px 20px 20px 40px;
}

#slide{
	height:350px;

}

#frame{
	height:400px;
}

#cuerpo1_dentro{
	padding:5px 20px 20px 50px;

}
	
}


@media only screen and (max-width:1024px){

	#imagenes{
		display:block;	
	}
	
	#imagenes img{
		width:100%;
		height:auto;
	}

	#cabecera_fila1{
		float:left;
		height:auto;	

	}
	
	#cabecera_fila2{
		float:left;
		height:auto;
	}
	
	#menu_desplegable{
		display:none;	
	}

	#cabecera_dentro{
		float:left;
		width:100%;
		padding:5px 10px 20px 10px;
		height:110px;
		background:;
		margin-bottom:0px;
	}

	#cabecera{
		float:left;
		width:100%;
		height:auto;
		background:;
	}
	
	#logo{
		float:left;
		width:205px;
		height:auto;
		background:;
	}

	#enlaces{
		display:none;	
	}

	#cuerpo1{
		box-sizing:border-box;			
		float:left;
		width:100%;
		height:auto;
		padding:0px;

	}
	
	#izquierda{
		display:none;	
	}
	
	#izquierda_contactenos{
		display:none;	
	}	

	#franja_seccion{
		height:85px;
		margin-bottom:0px;
	}

	#columna_descripcion{
		padding-top:25px;		
		width:98%;
		margin-left:1%;
		height:auto;
		padding:20px;
	}	


	
	#derecha{
		padding-top:25px;		
		width:100%;
		margin-left:0%;
		height:auto;
		padding:20px;
	}	



	#derecha_contactenos{
		padding-top:0px;		
		width:98%;
		height:auto;
	}	


	
	#zona_menu{
		float:left;
		width:100%;
		margin-bottom:10px;
	
	}	
	
	#menu_boton{
		display:block;
	}

	#menu_boton{
		display:block;
	}

	#menu_boton ul{
		float:left;
		padding:0;
		width:100%;
		margin:0%;		
		background: ;
		list-style:none;
		font-family:"font_menu";		
	}
	
	
	#menu_boton li{

		margin:0px;	
		padding:10px;
		padding-left:20px;
		font-size:15px;
		font-weight:bold;
		color:#666;
		background:#F2F2F2;
		margin-bottom:2px;
		

	}

	
	#menu_boton li a {

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;    
			
		text-decoration: none;
		color:#666;
		padding:5px;
		padding-left:30px;
		font-family:"font_menu";

	}

	#menu_boton li a:hover {
		text-decoration: none;
		color: #666666;		
	}	

	
	#menu_boton li:hover {
		background:#FFFFFF;
		color:#000000;
		background:#EAEAEA;
		cursor:pointer;
	}	

	#menu_boton li ul{
		padding-top:10px;
		padding-bottom:0px;
	}
	
	#menu_boton li ul li{
		padding:5px;

	}
	
	#cuadro{
		float:left;
		width:100%;
		height:auto;
		margin-right:0%;
		margin-bottom:10px;
	}
	
	#boton_menu{
		display:block;
		margin-top:0px;
	}
	
	#boton_menu img{
		width:100%;
		height:auto;
		
	}
	
	#cuadro_dentro{
		box-sizing:border-box;		
		float:left;
		width:100%;
		height:auto;
		padding:30px;
		background: ;	
	}
	
	#slide{
		display:none;
	}
	
	#frame{
		display:none;	
	}

	#vineta{
		float:left;
		width:5%;
	}
	
	#franja_inferior_dentro{
		box-sizing:border-box;				
		float:left;
		padding:10px;
		line-height:24px;
	}
	
	
	#boton_arriba{
		display:none;
	}

	#ver_mas{
					
		box-sizing:border-box;
		border: 1px solid #F93;
		float:left;
		width:35%;
		margin-left:30%;
		padding:5px;
		margin-top:15px;
		height:auto;
		color:#333;
		font-size:14px;
		background:;
	}
	
	.form_contact{

	}

}


@media only screen and (max-width:900px){
	
	#cabecera{
		background:;
		padding:0px;	
	}

	#cabecera_dentro{

		padding:0px 10px 10px 10px;
		height:90px;
	}
	
	#noticia{
		display:none;
	}

	#logo{
		width:160px;
		top:45px;
	}

	#franja_seccion{
		height:50px;
		margin-bottom:0px;
	}	

	#boton_menu{
		display:block;
		margin-top:-5px;
	}
		
	#noticia_movil{
		display:block;
		float:left;
		width:95%;
		border:1px solid #CCC;
		padding:10px;
		margin-bottom:30px;
		height:auto;
		background:#FFF;
		color:#FFF;
		
	}
	
	#icono_facebook{
		display:none;	
	}
}

/******************************************/
/***    DISEÑO PARA TABLETAS           ****/
/******************************************/
@media only screen and (max-width:768px){

	
}

/******************************************/
/***    DISEÑO PARA MOVILES 480        ****/
/******************************************/
@media only screen and (max-width:480px){

		
}
/******************************************/
/***    DISEÑO PARA MOVILES 320        ****/
/******************************************/
@media only screen and (max-width:320px){

}
/******************************************/
/***    DISEÑO PARA MOVILES 240        ****/
/******************************************/
@media only screen and (max-width:240px){
	

}