@font-face{
	font-family: Klavika;
	font-weight: normal;
	src: url(fuentes/Klavika-Regular.otf);
}
@font-face{
	font-family: Klavika;
	font-weight: 900;
	src: url(fuentes/Klavika-Bold.otf);
}
@font-face{
	font-family: Klavika;
	font-weight: 500;
	src: url(fuentes/Klavika-Medium.otf);
}

body{
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin:0 0 0 0;
	cursor:default;
}
input[type="button"],button{
	border:none;
	background:none;
	font-size:1em;
	cursor:pointer;
}
img{
	width:100%;
	border:none;
}
textarea{
	resize:none;
}
.clr{
	clear:both;
}
.mobile_only{
	display:none !important;
}

/* GENERALES */

#sitio{
	width:100%;
	text-align:left;
	margin:0 auto 0 auto;
	min-width:320px;
	max-width:1600px;
	background:/*url(imagenes/inicio.jpg) center 160px no-repeat*/white;
	background-size:100% auto;
	min-height:400px;
	font-family:Klavika,sans-serif;
	overflow:hidden;
}
#header{
	padding:20px 0 0 0;
	height:160px;
	overflow:visible;
}
#logo img{
	display:block;
	width:auto;
	height:120px;
	margin:0 0 20px 80px;
}
#redes{
	float:right;
	margin:104px 60px 0 0;
}
#redes img{
	width:auto;
	margin-right:6px;
}
#menu{
	background:/*url(imagenes/negro30.png);*/ #E00000;
	padding:0 0 0 80px;
	height:40px;
	line-height:44px;
	overflow:hidden;
	width:100%;
}
#menu a{
	color:/*#036;*/ white;
	text-decoration:none;
	font-family:Klavika,sans-serif;
	font-size:18px;
	display:inline-block;
	padding:0 30px 0 30px;
}
#menu a:hover,#menu a#activo{
	background:#600;
	color:white;
}
#menu a[href="./?ver=soluciones"]:hover,#menu a[href="./?ver=soluciones"]#activo{
	background:#8D0 !important;
	color:white;
}

#contenido{
	min-height:200px;
	padding-top:40px;
}

#footer{
	padding:40px 40px 50px 40px;
	color:white;
	background:#036;
	font-size:2em;
}
#footer img{
	width:auto;
	float:right;
	position:relative;
	top:-14px;
}
#footer small{
	cursor:pointer;
	font-size:14px;
	color:#CDE;
}

#submenu{
	position:absolute;
	top:200px;
	height:52px;
	line-height:56px;
	float:left;
	min-width:320px;
	padding:0 120px 0 80px;
	background:#8D0;
	display:none;
	z-index:2;
}
#submenu a{
	color:#111;
	text-decoration:none;
	font-family:Klavika,sans-serif;
	font-size:18px;
	display:inline-block;
	padding:0 30px 0 30px;
	overflow:hidden;
}
#submenu a:hover,#menu a#activo{
	color:white;
}

/* INICIO */

.under{text-align:center !important;}
.under img{width:auto !important;margin:0 12px 0 12px;}
.under>span>img{margin:0 1.5% 0 1.5%;}

#slider_container{
	width:50%;
	margin:10px auto 0 auto;
	overflow:hidden;
	position:relative;
	float:left;
}
#ligas_ini,#marcas_ini{
	width:25%;
	float:left;
	margin-top:80px;
}
#slider{
	width:500%;
	position:relative;
	left:0;
}
#slider>div{
	width:20%;
	float:left !important;
}
#slider img{
	display:block;
}
#slider_control{
	position:relative;
	top:-64px;
	text-align:right;
	padding-right:24px;
	clear:both;
	height:0px;
	overflow:visible;
}
#slider_control input{
	height:18px;
	width:18px;
	margin-right:14px;
	border:red solid 1px;
	border-radius:4px;
	box-shadow:#000 0 0 6px -3px;
}
#slider_control #slide_activo{
	background:red;
}

/* NOSOTROS */

#nosotros{
	float:right;
	width:460px;
	margin-right:60px;
	font-size:16px;
	color:#666;
	text-align:justify;
	line-height:1.3em;
	padding-bottom:100px;
}
#nosotros h1{
	font-weight:normal;
	color:/*#E2231A*/ #036;
	font-size:60px;
	margin:30px 0 18px 0;
	line-height:60px;
}
#nosotros ul{
	margin-top:0;
	padding-left:1em;
}
#space_n{
	height:380px;
}

/* PRODUCTOS */

#productos{
	width:50%;
	margin:24px 0 40px 5%;
	float:left;
	min-height:400px;
	border-right:#AAA solid 1px;
}
#producto_detalle{
	width:40%;
	margin:24px 4% 40px 0;
	float:left;
	min-height:400px;
}
#producto_detalle p{
	margin:0 0 100px 10%;
	color:#666;
}
#producto_detalle p b{
	color:#039;
	font-size:1.1em;
}
#producto_detalle img{
	width:40%;
	min-width:240px;
	display:block;
	margin:0 auto 12px auto;
}
#producto_detalle input[type="button"]{
	background:#026;
	color:white;
	display:block;
	font-size:1.2em;
	margin:0 auto 12px auto;
	font-family: Klavika, sans-serif;
	padding:4px 12px 2px 12px;
	border-radius:24px;
}
#producto_detalle input[type="button"]:hover{
	background:#D00;
}

.producto{
	width:30%;
	margin:12px 1.5% 12px 1.5%;
	overflow:hidden;
	font-size:1.2em;
	color:#999;
	float:left;
	text-align:center;
	cursor:pointer;
	height:240px;
}
.producto img{
	max-height:150px;
	max-width:100%;
	width:auto !important;
	display:block;
	margin:0 auto 12px auto;
}
.producto:hover{
	color:#E00;
}

/* SOLUCIONES */

#soluciones p{
	color:white;
	width:35%;
	font-size:1.1em;
	margin:0 0 0 0;
	padding:72px 0 0 40px;
	line-height:1.4em;
	text-align:justify;
}
#soluciones p small{
	font-size:9px;
	position:relative;
	top:-4px;
}
#soluciones>img{
	width:auto !important;
	display:block;
	margin:0 auto 0 auto;
}

.producto_green{
	display:inline-block;
	height:220px;
	width:16%;
	margin:40px 2% 0 2%;
	text-transform:uppercase;
	cursor:pointer;
}
.producto_green img{
	height:160px;
	width:auto !important;
}
.producto_green span{
	color:#7C0;
	font-weight:bold;
	font-size:1.4em;
}
.producto_green:hover small{
	color:#999;
}

/* CONTACTO */

#contacto>div{
	min-height:700px;
}
#cbg{
	float:left;
	width:70%;
}
#cbg>img{
	display:block;
}
#formulario{
	width:27%;
	min-width:320px;
	float:left;
	padding:12px 1.5% 0 1.5%;
	color:#666;
	font-size:1.1em;
}
#formulario>b{
	display:block;
	color:#E00;
	font-size:1.1em;
	font-weight:normal;
	padding-top:24px;
}
#formulario>span{
	color:#047;
	display:block;
}

#formulario>form{
	margin-top:24px;
}
#formulario>form>span{
	width:20%;
	display:inline-block;
	height:24px;
	line-height:28px;
	font-size:0.85em;
	background:#90989F;
	color:white;
	padding:0 2.5% 0 2.5%;
	margin-bottom:12px;
	float:left;
}
#formulario>form>input[type="text"],#formulario>form>input[type="email"]{
	width:70%;
	display:inline-block;
	height:24px;
	line-height:28px;
	font-size:0.85em;
	background:#EEE;
	color:#333;
	padding:0 2.5% 0 2.5%;
	margin-bottom:12px;
	float:left;
	border:none;
}
#formulario>form>textarea{
	width:95%;
	display:inline-block;
	font-size:0.85em;
	background:#EEE;
	color:#333;
	padding:6px 2.5% 6px 2.5%;
	margin-bottom:12px;
	float:left;
	border:none;
	font-family:Arial,Helvetica,sans-serif;
}
#formulario>form>input[type="button"]{
	padding:8px 24px 6px 24px;
	background:#60686F;
	color:white;
	float:right;
	border-radius:10px;
	font-size:0.75em;
}
#formulario>form>input[type="button"]:hover{
	background:#036;
}

/* PRIVACIDAD */

#privacidad h1{
	font-weight:normal;
	color:/*#E2231A*/ #036;
	font-size:60px;
	margin:30px 0 18px 0;
	line-height:60px;
	text-align:left;
}
#privacidad{
	line-height:1.4em;
	text-align:justify;
	color:#333;
	width:80%;
	max-width:1024px;
	min-width:300px;
	margin:0 auto 100px auto;
}
/* RESPONSIVO */

@media all and (min-width:1401px){
	body{
		font-size:16px;
	}
}
@media all and (max-width:1400px){
	body{
		font-size:14px;
	}
}
@media all and (max-width:960px){
	body{
		font-size:12px;
	}
}
@media all and (max-width:640px){
	body{
		font-size:14px;
	}
	#contenido *{
		float:none !important;
	}
	#slider,#slider_control{
		display:none;
	}
	.under img{
		margin:0 2% 0 2% !important;
		width:40% !important;
		max-width:200px;
	}
	.under>img{
		width:27% !important;
	}
	.mobile_only{
		display:block !important;
	}
	.desktop_only{
		display:none !important;
	}
	#sitio{
		background:white;
	}
	#header{
		height:auto;
	}
	#logo{
		display:block;
		width:100%;
	}
	#logo img{
		margin:0 0 0 6px;
	}
	#redes{
		float:right;
		margin:88px 0 6px 0;
	}
	#redes img{
		width:auto;
		margin-right:6px;
	}
	#menu{
		background:#003;
		padding:0 0 0 0;
		height:auto;
	}
	#menu a{
		display:block;
		color:#069;
	}
	#submenu{
		height:0px;
		display:none !important;
		overflow:hidden;
	}
	#submenu_m a{
		background:#000;
		font-size:0.8em;
		padding-left:40px;
	}
	#submenu_m a:hover{
		background:#8D0;
	}
	#contenido{
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
	#nosotros{
		margin:0 0 40px 0 !important;
		width:auto !important;
		padding:40px 12px 0 12px !important;
		float:none !important;
		text-align:left;
		background:white;
	}
	#nosotros h1{
		font-size:48px;
	}
	#space_n{
		display:none;
	}
	#productos,#producto_detalle{
		float:none;
		width:96%;
		margin:40px auto 0 auto;
		border-right:none !important;
	}
	#soluciones{
		background:url(imagenes/soluciones.jpg) center top no-repeat !important;
		margin-top:0px;
		min-height:860px;
	}
	#soluciones p{
		width:90% !important;
		margin:0 auto 0 auto !important;
		padding:80px 0 60px 0 !important;
		text-shadow:#000 2px 2px 16px,#000 2px 2px 16px,#000 2px 2px 16px,#000 2px 2px 6px,#000 2px 2px 6px;
		text-align:left !important;
		font-size:16px !important;
		color:white !important;
	}
	#soluciones>div{
		background:white;
	}
	.producto{
		width:60%;
		margin:0 auto 0 auto;
	}
	.producto_green{
		width:55%;
	}
	#footer>img{
		display:none;
	}
	#formulario{
		padding-bottom:60px !important;
		float:none;
	}
	#cbg{
		display:none;
	}
	form span,textarea{
		max-width:90%;
	}
	form input{
		max-width:63%;
	}
}