@charset "utf-8";
/* Autor: Ing. José Arturo Sierra Guevara */
/*--
font-family: 'Oswald', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Open Sans Condensed', sans-serif;
font-family: 'Dancing Script', cursive;
--*/
header, nav, section, article, aside, figure, footer{
	display:block;
	margin:0;
	padding:0;
}
a img{
	border:none;
}
.limpiar{
	clear:both;
}
body{
	background:url(../images/bg.png) #C2C5CA top center no-repeat;
	margin:0;
}
p,h1,h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin:6px;
}
h1{
	font-size:22px;
}
h2{
	font-size:18px;
}
a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#000;
}
/*--- Maquetacion ---*/
#cabecera{
	width:100%;
	height:auto;
}
#figure{
	width:1100px;
	margin:0 auto;
}
#figure #topografo{
	float:left;
	margin:10px 0;
}
#figure #garmin{
	float:left;
	margin:10px 0 0 20px;
}
/*-- Sociales -*/
#sociales{
	width:130px;
	margin-top:25px;
	float:right;
}
#sociales ul{
	list-style:none;
	margin:0;
	padding:0;
}
#sociales li a.facebook{
	background:url(../images/sociales.png) no-repeat;
	float:left;
	width:25px; height:25px;
	margin-left:40px;
}
#sociales li a.twitter{
	background:url(../images/sociales.png) no-repeat;
	background-position:-25px 0;
	float:left;
	width:25px; height:25px;
	margin-left:5px;
}
#sociales li a.youtube{
	background:url(../images/sociales.png) no-repeat;
	background-position:-50px 0;
	float:left;
	width:25px; height:25px;
	margin-left:5px;
}
#sociales a.numero{
	background:url(../images/fono.png) no-repeat;
	float:left; clear:left;
	width:95px; line-height:25px;
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	padding-left:35px;
	margin-top:5px;
}
/*--- Menu ---*/
#cont{
	margin:0 auto;
	width:1100px;
}
#menu{
	margin:0 auto;
	height:50px;
	background:url(../images/fondo-menu.jpg);
	background:linear-gradient(top,#FAFAFA,#D7D6D6);
	background:-moz-linear-gradient(top,#FAFAFA,#D7D6D6);
	background:-o-linear-gradient(top,#FAFAFA,#D7D6D6);
	background:-webkit-linear-gradient(top,#FAFAFA,#D7D6D6);
	background:-ms-linear-gradient(top,#FAFAFA,#D7D6D6);
	margin-bottom:5px;
}
#menu ul{
	margin:0;
	padding:0;
	list-style:none;
}
#menu li{
	float:left;
}
#menu li a{
	display:block;
	line-height:50px;
	border-right:1px solid #CACAD9;
	padding:0 31px;
	font-family: 'Oswald', sans-serif;
	font-size:13px;
	text-transform:uppercase;
}
#menu li a.ultimo{
	padding:0 33px;
	border-right:none;
}
#menu li a:hover{
	background:url(../images/fondo-menu-over.jpg);
	background:linear-gradient(top,#2F6BB3,#092F5E);
	background:-moz-linear-gradient(top,#2F6BB3,#092F5E);
	background:-o-linear-gradient(top,#2F6BB3,#092F5E);
	background:-ms-linear-gradient(top,#2F6BB3,#092F5E);
	background:-webkit-linear-gradient(top,#2F6BB3,#092F5E);
	color:#FFF;	
}
#mmovil{
	display:none;
}
/*-Visor de Imagenes-*/
#ofertas{
	margin:0 auto;
	width:1100px;
	height: auto;
}
/*-Servicios-*/
#articulos{
	margin:0 auto;
	width:1100px;
	height:auto;
}
#articulos #servicio{
	float:left;
	width:545px;
	display:block;
	background:#CCCCCC;
	background:linear-gradient(top,#F4F4F4,#CCCCCC);
	background:-moz-linear-gradient(top,#F4F4F4,#CCCCCC);
	background:-o-linear-gradient(top,#F4F4F4,#CCCCCC);
	background:-webkit-linear-gradient(top,#F4F4F4,#CCCCCC);
	background:-ms-linear-gradient(top,#F4F4F4,#CCCCCC);
}
#articulos #laboratorio{
	float:left;
	width:545px;
	display:block;
	background:#FBCF6E;
	margin-left:10px;
}
#articulos img{
	display:block;
	float:left;
	margin:10px 10px 0 10px;
}
#articulos h1{
	display:block;
	float:left;
	font-family: 'Oswald', sans-serif;
	font-size:20px;
	margin:5px; padding:0;
}
#articulos span{
	display:block;
	float:left;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:18px;
	margin:20px 5px; padding:0;
	line-height:25px;
	padding-right:60px;
}
#articulos a.bt{
	display:block;
	float:left;
	width:150px;
	font-family: 'Oswald', sans-serif;
	font-size:15px;
	background:#343434;
	color:#fff;
	text-transform:uppercase;
	margin:10px 50px 10px 5px;
	padding:5px 0;
	text-align:center;
}
#articulos p{
	display:block;
	float:left;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:18px;
}
/*-Productos Destacados-*/
#tienda{
}
/*-Publicidad-*/
#publicidad{
	position:relative;
	background:url(../images/fon-garmin.png) no-repeat;
	width:1100px;
	height:130px;
	margin:0 auto;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
}
#publicidad #garmin-pub{
	float:left;
	margin: 5px 0 0 10px;
}
#publicidad a.bt{
	display:block;
	width:150px;
	font-family: 'Oswald', sans-serif;
	font-size:15px;
	background:#343434;
	color:#fff;
	text-transform:uppercase;
	margin:10px 0 0 10px;
	padding:5px 0;
	text-align:center;
}
#publicidad #garmin-log{
	position:absolute;
	right:150px;
	top:5px;
	float:left;
}
/*-Eventos-*/
#eventos{
	margin:0 auto;
	width:1100px;
	height:300px;
}
#eventos #cuentas{
	float:left;
	width:525px;/*-545-*/
	height:300px;
	display:block;
	background:#FF7F00;
	padding:10px;
}
#eventos #solicitudes{
	float:left;
	width:525px;
	height:300px;
	display:block;
	background:#2A6E7B;
	padding:10px;
	margin-left:10px;
}
#eventos h1{
	width:100%;
	text-transform:uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:30px;
	margin:0; padding:0;
}
.text{color:#fff;}
#eventos figure{ width:100%; }
#eventos img{
	width:100%; height:auto;
	display:block;
	margin:0 auto;
}
#eventos a.bt{
	display:block;
	width:150px;
	font-family: 'Oswald', sans-serif;
	font-size:15px;
	background:#343434;
	color:#fff;
	text-transform:uppercase;
	margin:10px 0 0 10px;
	padding:5px 0;
	text-align:center;
}
#eventos span{
	float:left;
	width:215px;
	height:auto;
	font-family: 'Open Sans Condensed', sans-serif;
	color:#fff;
	margin: 60px 10px 0 0;
}
#eventos samp{
	font-family: 'Damion', cursive;
	font-size:22px;
}
#eventos #cont-formulario{
	background:#fff;
	float:left;
	width:280px;
	height:auto;
	position:relative;
	padding:10px;
	margin-top:10px;
}
#eventos #cont-formulario img{
	position:absolute;
	width:70px;
	height:auto;
	right:10px;
	top:-40px;
}
#eventos #cont-formulario p{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:17px;
	color:rgba(0,0,0,1.00);
	width:220px;
	margin:20px 0; padding:0;
}
#eventos #cont-formulario input, select{
	width:98%; height:25px;
	padding-left:2%;
	margin-bottom:2%;
	background:#ccc;
	border:0;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:17px;
	float:left;
}
#eventos #cont-formulario #inp_min{
	width:51%;
}
#eventos #cont-formulario #sel_min{
	margin-left:2%;
	width:45%;
	height:27px;
}
#eventos #cont-formulario #button{
	width:100%;
	color:rgba(255,255,255,1.00);
	background:#333;
}
/*---------------------------------------*/
/*---------------------------------------*/
/*----         Tienda On Line        ----*/
#tienda{
	background:#fff;
	border:1px solid #999;
	margin:0 auto;
	margin-top:10px;
	width:1100px;
	height:290px;
}
#titu-ofertas{
	display:block;
	width:24%;
	float:left;
	padding:5% 0 0 1%;
}
#titu-ofertas h2, #text{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:25px;
	display:block;
}
#titu-ofertas #text{
	margin:10px 0 0 0;
	font-size:20px;
}
#titu-ofertas strong{
	text-transform:uppercase;
	display:block;
	margin:10px 0 0 0;
}
#prod-oferta{
	display:block;
	width:74%;
	float:left;
	margin-right:1%;
}
/*---------------------------------------*/
/*---------------------------------------*/
/*----            EMPRESA            ----*/
#nosotros{
	margin:0 auto;
	background:rgba(255,255,255,1.00);
	width:1060px;
	height:auto;
	padding:20px;
}
#nosotros img{ width:100%; height:auto; float:left;}
#nosotros h1{
	display:block;
	width:100%;
	margin:0 0 10px 0;
	float:left;
	font-family: 'Oswald', sans-serif;
	text-transform:uppercase;
}
#nosotros p{
	float:left;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:17px;
	text-align:justify;
}
#nosotros h2{float:left; font-family: 'Oswald', sans-serif;}
#nosotros ul{float:left;}
#nosotros li{
	font-family: 'Open Sans Condensed', sans-serif;
	text-align:justify;
	line-height:30px;
}
/*---------------------------------------*/
/*---------------------------------------*/
/*----           PRODUCTOS           ----*/
#productos{
	margin:0 auto;
	background:rgba(255,255,255,1.00);
	width:1080px;
	height:auto;
	padding:10px;
}
#productos ul{
	margin:0;
	padding:0;
	list-style:none;
}
#productos li{
	float:left;
}
#productos li a{
	background:#fff;
	width:170px;
	height:255px;
	margin:10px;
	position:relative;/*-Indica que todo elemento que tenga una posición absolute pueda ser desplazado por coordenadas-*/
	float:left;
	overflow:hidden;
}
#productos li a img{
	position:absolute;
	width:170px;
	height:255px;
	top:0px; left:0px;
	z-index:2;
}
#productos li a:hover img{
	left:-170px;
	transition:left 0.3s;
	-moz-transition:left 0.3s;
	-webkit-transition:left 0.3s;
}
#productos li a h1{
	font-family: 'Oswald', sans-serif;
	font-size:16px;
	text-transform:uppercase;
	position:absolute;
	top:0px;
	z-index:1;
}
#productos li a p{
	position:absolute;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:15px;
	top:60px;
	z-index:1;
	text-align:justify;
}
#productos li a figure{
	background: url(../images/icono-zoom.png) no-repeat;
	width:100px; height:100px;
	position:absolute;
	left:50%; top:50%;
	margin-left:-50px; margin-top:-50px;
	z-index:1;
	opacity:0.2;
}
#productos li #pro-footer{
	background:#333;
	width:170px;
	line-height:30px;
	clear: left;
	margin:0 10px 10px 10px;
	font-family: 'Oswald', sans-serif;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
}
#productos #espacio{
	/*-background:#DB1D20;-*/
	width:105px; height:305px;
	display:block;
	float:left;
}
/*---------------------------------------*/
/*---------------------------------------*/
/*----          CONTACTENOS          ----*/
#contactenos{
	margin:0 auto;
	background:rgba(255,255,255,1.00);
	width:1080px;
	height:auto;
	padding:10px;
}
#contactenos iframe{
	width:100%;
	height:300px;
}
#contactenos h1{
	margin:0;
	width:100%;
	line-height:40px;
	font-family: 'Oswald', sans-serif;
}
#form ul{
	margin:0;
	padding:0;
	list-style:none;
}
#form li{
	width:99%;
	float:left;
	margin:5px 0;
}
#form li #input{
	width:99%;
	line-height:40px;
	padding-left:1%;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:17px;
	color:#333;
}
#form li #select{
	width:31.3%;
	float:left;
	height:40px;
	margin:1%; padding:0;
}
#form li textarea{
	width:100%;
	height:200px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:17px;
	color:#333;
}
#form li #bt{
	width:100%;
	line-height:40px;
	border:1px solid #333;
	font-family: 'Oswald', sans-serif;
}
/*---------------------------------------*/
/*---------------------------------------*/
/*----             FOOTER            ----*/
footer{
	background:#333;
	width:100%;
	height:auto;
	margin-top:10px;
	padding:2% 0;
}
#fin{
	width:1100px;
	height:auto;
	background:#F40A0E;
	margin:0 auto;
}
#fin #face-footer{
	float:left;
}
#fin #maps-footer{
	float:left;
	margin:0 100px;
}
#fin #datos-footer{
	float:left;
}
#fin #maps{
	width:300px;
}
#fin h2{
	margin:0; padding:0px;
	width:100%;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:20px;
	color:#fff;
	display:block;
	margin-bottom:10px;
}
#fin h3{
	margin:0; padding:0px;
	width:100%;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:15px;
	color:#fff;
	display:block;
	margin-bottom:10px;
}
#fin p{
	margin:0; padding:0px;
	width:100%;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:15px;
	color:#fff;
	display:block;
	margin-bottom:10px;
}
/*---*/
#ser-cont, #ser-cont1, #ser-cont2, #ser-cont3{
	background: #C0C0C0;
	display:block;
	float:left;
	width:47.5%;
	height:205px;
	padding:1%;
	margin-top:1%;
}
#ser-cont1{
	margin-left:1%;
}
#ser-cont2, #ser-cont3{
	height:390px;
}
 #ser-cont3{
	 margin-left:1%;
}
#ser-cont span{
	background:#E8E8E8;
	width:100%;
	height:100%;
	float:left;
}
#ser-cont span ul{
	width:92%;
}
#ser-cont1 span{
	background:#E8E8E8;
	width:100%;
	height:100%;
	float:left;
}
#ser-cont1 span ul{
	width:92%;
}
#ser-cont2 span{
	background:#E8E8E8;
	width:100%;
	height:100%;
	float:left;
}
#ser-cont2 span ul{
	width:92%;
}
#ser-cont3 span{
	background:#E8E8E8;
	width:100%;
	height:100%;
	float:left;
}
#ser-cont3 span ul{
	width:92%;
}
.solicita{
	float:left;
	background:#3A3A3A;
	text-align:center;
	color:#fff;
	display:block;
	padding:2%;
}
/******************************************/
/***    DISEÑO PARA DEKSTOP            ****/
/******************************************/
@media only screen and (max-width:1024px){
	#cont{
		width:98%;
		margin:0 1%;
	}
	#ofertas{
		width:98%;
		margin:0 1%;
	}
	.flexslider .slides img {
	  width: 98%;
	  height:auto;
	}
	#figure{
		width:98%;
		margin:0 1%;
	}
	#articulos{
		width:98%;
		margin:0 1%;
	}
	#articulos #servicio{
		width:49.5%;/*-OBSERVAR-*/
	}
	#articulos #laboratorio{
		width:49.5%;/*-OBSERVAR-*/
		margin-left:1%;/*-OBSERVAR-*/
	}
	#publicidad{
		width:98%;
		margin:1% 1%;
	}
	#articulos span{
		padding-right:5px;
	}
	#eventos{
		width:98%;
		margin:0 1%;
	}
	#eventos #cuentas{
		width:48%;
	}
	#eventos #solicitudes{
		width:47.9%;
		margin-left:0;
	}
	#eventos img{
		width:80%;
	}
	#eventos #cont-formulario{
		width:225px;
	}
	#nosotros{
		width:94%;
		margin:0 1%;
		padding:2%;
	}
	#nosotros img{ width:100%; height:auto;}
	#productos{
		width:96%;
		margin:0 1%;
		padding:1%;
	}
	#productos #espacio{
		width:68px;
	}
	#contactenos{
		width:96%;
		margin:0 1%;
		padding:1%;
	}
	#contactenos iframe{
		width:100%;
		height:300px;
	}
	#tienda{
		margin:1% 1% 0 1%;
		width:98%;
	}
	#ser-cont span ul{
		width:90%;
	}
	#ser-cont1 span ul{
		width:90%;
	}
	#ser-cont2 span ul{
		width:90%;
	}
	#ser-cont3 span ul{
		width:90%;
	}
	#ser-cont, #ser-cont1, #ser-cont2, #ser-cont3{
		height:235px;
	}
	#ser-cont2, #ser-cont3{
		height:390px;
	}
}
/******************************************/
/***    DISEÑO PARA TABLETAS           ****/
/******************************************/
@media only screen and (max-width:800px){
	/*--- Menu ---*/
	#menu{
		height:auto;
		background:none;
	}
	#menu ul{
		height:auto;
		display:none;
	}
	#menu li{
		float:none;
	}
	#menu li a{
		width:94%;
		display:block;
		line-height:40px;
		border-right:none;
		padding:0 3%;
		background:#FAFAFA;
		margin-bottom:1px;
	}
	#menu li a.ultimo{
		padding:0 3%;
		border-right:none;
	}
	#menu li a:hover{
		background:#2F6BB3;
		color:#FFF;	
	}
	#mmovil{
		width:97%;
		display:block;
		line-height:40px;
		background:linear-gradient(top,#FAFAFA,#D7D6D6);
		background:-moz-linear-gradient(top,#FAFAFA,#D7D6D6);
		background:-o-linear-gradient(top,#FAFAFA,#D7D6D6);
		background:-webkit-linear-gradient(top,#FAFAFA,#D7D6D6);
		background:-ms-linear-gradient(top,#FAFAFA,#D7D6D6);
		font-family: 'Oswald', sans-serif;
		font-size:13px;
		padding-left:3%;
		color:#000;
		position:relative;
	}
	#mmovil:after{
		content:"";
		background: url(../images/icono-menu.png);
		width:22px;
		height:16px;
		display:block;
		position:absolute;
		right:10px;
		top:8px;	
	}
	#articulos #servicio{
		width:100%;/*-OBSERVAR-*/
	}
	#articulos #laboratorio{
		width:100%;/*-OBSERVAR-*/
		margin-left:0%;/*-OBSERVAR-*/
	}
	#articulos img{
		margin:10px 50px 0 100px;
	}
	#articulos span{
		padding-right:100px;
	}
	#figure{
		text-align:center;
	}
	#figure #topografo{
		float:none;
	}
	#figure #garmin{
		display:none;
	}
	/*-- Sociales -*/
	#sociales{
		width:220px;
		margin:0 auto;
		margin-top:15px;
		float:none;
		margin-bottom:20px;
	}
	#sociales li a.facebook{
		margin-left:0;
	}
	#sociales a.numero{
		clear:none;
		padding-left:30px;
		margin-left:5px;
		margin-top:0;
	}
	#publicidad #garmin-log{
		right:5px;
	}
	#eventos img{
		width:100%;
		margin:20px 0;
	}
	#eventos #cuentas{
		width:48.7%;
	}
	#eventos #solicitudes{
		width:48.7%;
		margin-left:0;
	}
	#eventos #cuentas{
		width:47.4%;
		height:280px;
	}
	#eventos #solicitudes{
		width:47.4%;
		height:280px;
		margin-left:0;
	}
	#eventos span{
		width:130px;
		margin: 45px 20px 0 0;
	}
	#eventos #cont-formulario{
		width:200px;
	}
	#eventos #cont-formulario p{
		font-family: 'Open Sans Condensed', sans-serif;
		font-size:15px;
		color:rgba(0,0,0,1.00);
		width:130px;
		margin:10px 0; padding:0;
	}
	#productos #espacio{
		width:0px;
	}
	#ser-cont span ul{
		width:90%;
	}
	#ser-cont1 span ul{
		width:90%;
	}
	#ser-cont2 span ul{
		width:90%;
	}
	#ser-cont3 span ul{
		width:90%;
	}
	#ser-cont, #ser-cont1, #ser-cont2, #ser-cont3{
		margin-left:0;
		width:98%;
		height: auto;
	}
	#ser-cont2, #ser-cont3{
		margin-left:0;
		width:98%;
		height: auto;
	}
	.solicita{margin:5px;}
	/*-FOOTER-*/
	#fin{
		width:100%;
		height:auto;
		background:#F40A0E;
		margin:0 auto;
		text-align:center;
	}
	#fin #face-footer{
		width:96%;
		padding:2%;
		float:left;
	}
	#fin #maps-footer{
		width:96%;
		padding:2%;
		float:left;
		margin:0;
	}
	#fin #datos-footer{
		width:96%;
		padding:2%;
		float:left;
	}
}
/******************************************/
/***    DISEÑO PARA TABLETAS           ****/
/******************************************/
@media only screen and (max-width:768px){
	#eventos #cuentas{
		width:47.3%;
	}
	#eventos #solicitudes{
		width:47.3%;
	}
	#eventos span{
		width:120px;
		margin: 45px 10px 0 0;
	}
}
/******************************************/
/***    DISEÑO PARA TABLETAS           ****/
/******************************************/
@media only screen and (max-width:603px){
	#articulos img{
		margin:10px 10px 0 50px;
	}
	#articulos span{
		padding-right:0;
	}
	#eventos #cuentas{
		width:98%;
		padding:1%;
	}
	#eventos #solicitudes{
		width:98%;
		padding:1%;
	}
	#eventos img{
		width:80%;
		margin:0 auto;
	}
	#eventos #cont-formulario{
		width:60%;
	}
	#eventos span{
		width:32%;
	}
	#eventos #cont-formulario p{
		width:280px;
		margin:10px 0; padding:0;
	}
	#tienda{
		height:auto;
	}
	#titu-ofertas{
		width:98%;
		float:none;
		padding:1%;
		text-align:center;
	}
	#titu-ofertas h2, #text{
		font-size:20px;
	}
	#titu-ofertas #text{
		margin:5px 0 0 0;
		font-size:17px;
	}
	#titu-ofertas strong{
		margin:5px 0 0 0;
	}
	#prod-oferta{
		width:98%;
		float:none;
		margin:1%;
	}
}
/******************************************/
/***    DISEÑO PARA TABLETAS           ****/
/******************************************/
@media only screen and (max-width:533px){
	#articulos img{
		margin:10px 10px 0 20px;
	}
	#eventos img{
		width:90%;
	}
}
/******************************************/
/***    DISEÑO PARA MOVILES 480        ****/
/******************************************/
@media only screen and (max-width:480px){
	#articulos #servicio, #laboratorio{
		text-align:center;
	}
	#articulos img{
		float:none;
		height:auto;
		background:#fff;
	}
	#articulos .img-topo{
		margin:0 auto;
		width:150px; height:150px;
		overflow:hidden;
		border-radius:75px;
		margin-top:10px;
	}
	#articulos .img-labo{
		margin:0 auto;
		width:150px; height:150px;
		overflow:hidden;
		border-radius:75px;
		margin-top:10px;
	}
	#articulos h1{
		float:none;
		width:100%;
	}
	#articulos span{
		float:none;
		width:100%;
		margin:0;
	}
	#articulos a.bt{
		float:none;
		margin:0 auto;
		margin-top:10px;
		margin-bottom:10px;
	}
	#articulos p{
		float:none;
		margin:0 auto;
		font-size:15px;
	}
	#publicidad #garmin-log{
		width:0px; height:0px;
		right:0; top:0;
	}
}
/******************************************/
/***    DISEÑO PARA MOVILES 360        ****/
/******************************************/
@media only screen and (max-width:360px){
	#figure #topografo{
		width:80%;
		height:auto;
		margin:0;
	}
	#publicidad #garmin-pub{
		width:90%;
		height:auto;
		margin-top:20px;
	}
	#eventos #cuentas{
		height:auto;
	}
	#eventos h1{
		text-align:center;
		font-size:20px;
		margin-bottom:1%;
	}
	#eventos span{
		float:none;
	}
	#eventos #solicitudes{
		height:auto;
	}
	#eventos #cont-formulario{
		width:94%;
	}
	#eventos #cont-formulario p{
		width:250px;
	}
	
}
	
	/*-Eventos
#eventos{
	margin:0 auto;
	width:1100px;
	height:300px;
}
#eventos #cuentas{
	float:left;
	width:525px;
	height:300px;
	display:block;
	background:#FF7F00;
	padding:10px;
}
#eventos #solicitudes{
	float:left;
	width:525px;
	height:300px;
	display:block;
	background:#2A6E7B;
	padding:10px;
	margin-left:10px;
}
#eventos h1{
	width:100%;
	text-transform:uppercase;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:30px;
	margin:0; padding:0;
}
.text{color:#fff;}
#eventos figure{ width:100%; }
#eventos img{
	width:100%; height:auto;
	display:block;
	margin:0 auto;
}
#eventos a.bt{
	display:block;
	width:150px;
	font-family: 'Oswald', sans-serif;
	font-size:15px;
	background:#343434;
	color:#fff;
	text-transform:uppercase;
	margin:10px 0 0 10px;
	padding:5px 0;
	text-align:center;
}
#eventos span{
	float:left;
	width:215px;
	height:auto;
	font-family: 'Open Sans Condensed', sans-serif;
	color:#fff;
	margin: 60px 10px 0 0;
}
#eventos samp{
	font-family: 'Damion', cursive;
	font-size:22px;
}
#eventos #cont-formulario{
	background:#fff;
	float:left;
	width:280px;
	height:auto;
	position:relative;
	padding:10px;
	margin-top:10px;
}
#eventos #cont-formulario img{
	position:absolute;
	width:70px;
	height:auto;
	right:10px;
	top:-40px;
}
#eventos #cont-formulario p{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:17px;
	color:rgba(0,0,0,1.00);
	width:220px;
	margin:20px 0; padding:0;
}
#eventos #cont-formulario input, select{
	width:98%; height:25px;
	padding-left:2%;
	margin-bottom:2%;
	background:#ccc;
	border:0;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:17px;
	float:left;
}
#eventos #cont-formulario #inp_min{
	width:51%;
}
#eventos #cont-formulario #sel_min{
	margin-left:2%;
	width:45%;
	height:27px;
}
#eventos #cont-formulario #button{
	width:100%;
	color:rgba(255,255,255,1.00);
	background:#333;
}--*/
	
}
/******************************************/
/***    DISEÑO PARA MOVILES 320        ****/
/******************************************/
@media only screen and (max-width:320px){
	
	
}
/******************************************/
/***    DISEÑO PARA MOVILES 240        ****/
/******************************************/
@media only screen and (max-width:240px){
	#eventos #cont-formulario{
		width:91%;
	}
	#eventos #cont-formulario p{
		width:130px;
	}
}