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

html{
	margin:0;
	padding:0;
}

body{
	background:rgba(240,238,238,1);		
	margin:0;
	padding:0;
}

#contenedor{
	margin:0;
	padding:0;
}

#contenedor #contenido{
	margin:0;
	padding:0;
}

/* ######################################################################### */
/* ############################# HEADER #################################### */

#contenedor #contenido header{
	font-family: LatoBold;	
	position:relative;
	width:100%;
	min-width:1024px;
	height:160px;
	max-height:160px;
	background:rgba(240,238,238,1);	
	margin:0;
	padding:0;
}

#contenedor #contenido header nav{
	position:relative;
	top:110px;
	width:100%;
	min-width:1024px;
	height:50px;
	max-height:50px;
	background:rgba(73,130,210,1);
	margin:0;
	padding:0;
	z-index:25;
}

#contenedor #contenido header nav ul{
	position:relative;
	width:1024px;
	min-width:1024px;
	height:50px;
	max-height:50px;
	margin:0 auto;
	padding:0;
}

#contenedor #contenido header nav ul li{
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	line-height:50px;	
	font-size:18px;
	color:rgba(255,255,255,1);
	margin:0;
	padding:0;
}

#contenedor #contenido header nav ul li img{
	position:relative;
	bottom:100px;
}	

#contenedor #contenido header nav ul li a{
	margin:0 50px 0 50px;
	padding:0;
	color:inherit;
	text-decoration:none;
}

#contenedor #contenido header nav ul li:hover{
	color:rgba(0,0,0,1.00);
}

#contenedor #contenido header nav ul li.active{
	color:rgba(0,0,0,1.00);
}

/* ######################################################################### */
/* ############################# CUERPO #################################### */

#contenedor #contenido #cuerpo{
	position:relative;
	width:1024px;
	min-width:1024px;
	min-height:750px;
	background:rgba(255,255,255,1);
	box-shadow:0px 0px 15px rgba(0,0,0,0.35);
	margin:0 auto;
	padding:0;
	z-index:10;
}

#contenedor #contenido #cuerpo p,#contenedor #contenido #cuerpo a{
	font-family: LatoRegular;
}

#contenedor #contenido #cuerpo #slide{
	position:relative;
	display:inline-block;
	width:1024px;
	min-width:1024px;
	margin:20px 0 0 0;
	padding:0;
}

/* ######################################################################### */
/* ############################# FOOTER #################################### */

#contenedor #contenido footer{
	font-family: LatoBold;	
	position:relative;
	width:1024px;
	min-width:1024px;
	height:110px;
	max-height:110px;
	background:rgba(73,130,210,1);
	margin:0 auto;
	padding:0;
	z-index:20;	
}

#contenedor #contenido footer nav ul{
	margin:0;
	padding:0;
}

#contenedor #contenido footer nav ul.pie1{
	position:relative;
	width:1024px;
	min-width:1024px;
	height:60px;
	max-height:60px;
	text-align:center;
	margin:0;
	padding:0;
}

#contenedor #contenido footer nav ul.pie2{
	position:relative;
	width:1024px;
	min-width:1024px;
	height:50px;
	max-height:50px;
	background:rgba(0,51,102,1);
	text-align:center;	
	margin:0;
	padding:0;
}

#contenedor #contenido footer nav ul.pie1 li{
	position:relative;
	display:inline-block;
	line-height:60px;
	color:rgba(255,255,255,1);
	margin:0 50px 0 50px;
	padding:0;
}

#contenedor #contenido footer nav ul.pie2 li{
	position:relative;
	display:inline-block;
	line-height:50px;
	color:rgba(255,255,255,1);	
	margin:0 60px 0 60px;
	padding:0;
}

#contenedor #contenido footer nav ul.pie1 li:hover{
	color:rgba(0,0,0,1.00);
}

#contenedor #contenido footer nav ul.pie1 li.active{
	color:rgba(0,0,0,1.00);
}

#contenedor #contenido footer nav ul li a{
	text-decoration:none;
	color:inherit;
	margin:0;
	padding:0;
}
/* ######################################################################### */
/* ############################# INDEX ##################################### */
	
#contenedor #contenido #cuerpo.txt_index h1{
	font-family: LatoBold;
	font-size:22px;
	font-weight:100;
	color:rgba(51,153,204,1);
	margin:10px 0 0 0;
	padding:0;
}	

#contenedor #contenido #cuerpo.txt_index hr{
	position:relative;
	width:100%;
	min-width:660px;
	border:0;
	border-bottom:1px solid rgba(51,153,204,1);
	margin:10px 0 10px 0;
	padding:0;
}		
	
#contenedor #contenido #cuerpo.txt_index p{
	font-family: LatoRegular;
	font-size:16px;
	font-weight:100;
	margin:0;
	padding:0;
}	
	
#contenedor #contenido #cuerpo.txt_index .columna{
	position:relative;
	width:660px;
	min-width:660px;
	margin:0 auto;
	padding:0 0 40px 0;
	text-align:center;
}	

#contenedor #contenido #cuerpo.txt_index .columna_centro{
	position:relative;
	width:1024px;
	min-width:1024px;
	margin:20px 0 20px 0;
	padding:0;
	text-align:center;
}	

#contenedor #contenido #cuerpo.txt_index .columna_centro img{
	position:relative;
	margin:0 50px 0 50px;
	padding:0;
	border:0;
}

#contenedor #contenido #cuerpo.txt_index .columna_centro h1{
	position:relative;
	display:inline-block;
	margin:20px 50px 0 50px;
	padding:0;
	border:0;
}
	
/* ######################################################################### */
/* ############################# SERVICIO ################################## */

#contenedor #contenido #cuerpo.txt_servicios h1{
	font-family: LatoBold;
	font-size:22px;
	font-weight:100;
	color:rgba(51,153,204,1);
	margin:10px 0 0 0;
	padding:0;
}	

#contenedor #contenido #cuerpo.txt_servicios hr{
	position:relative;
	width:100%;
	min-width:660px;
	border:0;
	border-bottom:1px solid rgba(51,153,204,1);
	margin:10px 0 10px 0;
	padding:0;
}		
	
#contenedor #contenido #cuerpo.txt_servicios p{
	font-family: LatoRegular;
	font-size:16px;
	font-weight:100;
	margin:0;
	padding:0;
}	
	
#contenedor #contenido #cuerpo.txt_servicios .columna{
	position:relative;
	width:660px;
	min-width:660px;
	margin:0 auto;
	padding:0 0 40px 0;
	text-align:center;
}

#contenedor #contenido #cuerpo.txt_servicios .bloque_servicios{
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	text-align:center;
	width:250px;
	min-width:250px;
	height:525px;
	min-height:525px;
	margin:0;
	padding:0;
}

#contenedor #contenido #cuerpo.txt_servicios .bloque_servicios h1{}

#contenedor #contenido #cuerpo.txt_servicios .bloque_servicios img{
	position:relative;
	width:250px;
	min-width:250px;
	height:315px;
	max-height:315px;
	background:rgba(255,255,255,1);
	margin:0;
	padding:0;
}

#contenedor #contenido #cuerpo.txt_servicios .bloque_servicios a{
	position:relative;
	display:inline-block;
	font-size:16px;
	color:rgba(66,157,204,1);
	border-radius:4px;
	background:rgba(203,203,203,1);
	text-decoration:none;
	margin:10px 0 0 0;
	padding:5px 25px 5px 25px;
}

/* ######################################################################### */
/* ############################# PRODUCTOS ################################# */

#contenedor #contenido #cuerpo.txt_productos .columna{
	position:relative;
	width:660px;
	min-width:660px;
	margin:0 auto;
	padding:0 0 40px 0;
	text-align:center;
}

#contenedor #contenido #cuerpo.txt_productos h1{
	font-family: LatoBold;
	font-size:22px;
	font-weight:100;
	color:rgba(51,153,204,1);
	margin:10px 0 0 0;
	padding:0;
}	

#contenedor #contenido #cuerpo.txt_productos hr{
	position:relative;
	width:100%;
	min-width:660px;
	border:0;
	border-bottom:1px solid rgba(51,153,204,1);
	margin:10px 0 10px 0;
	padding:0;
}		
	
#contenedor #contenido #cuerpo.txt_productos p{
	font-family: LatoRegular;
	font-size:16px;
	font-weight:100;
	margin:0;
	padding:0;
}	

#contenedor #contenido #cuerpo.txt_productos .bloque_marcas{
	position:relative;
	display:inline-block;
	text-align:center;
	width:1024px;
	min-width:1024px;
	margin:0;
	padding:0;
}

#contenedor #contenido #cuerpo.txt_productos h1{
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	padding:0 25px 10px 25px;
}

#contenedor #contenido #cuerpo.txt_productos fieldset{
	text-align:center;
	margin:0px 20px 0px 20px;
	border-color:rgba(51,153,204,1);
	border-left:0;
	border-right:0;
	border-bottom:0;
}

#contenedor #contenido #cuerpo.txt_productos .bloque_marcas .marcas{
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	width:200px;
	min-width:200px;
	margin:0 20px 0 20px;
	padding:0;
}
/* ######################################################################### */
/* #############################  ##################################### */

#contenedor #contenido #cuerpo.txt_contacto #mapa{
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	width:485px;
	min-width:485px;
	height:460px;
	max-height:460px;
	margin:20px 0px 20px 10px;
	padding:0;
}

#contenedor #contenido #cuerpo.txt_contacto form{
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	width:485px;
	min-width:485px;
	height:460px;
	max-height:460px;
	margin:20px 0;
	padding:0;
}

#contenedor #contenido #cuerpo.txt_contacto form p{
	font-family: LatoBold;
	font-size:20px;
	color:rgba(51,153,204,1);
	margin:0 0 0 10px;
	padding:0;	
}

#contenedor #contenido #cuerpo.txt_contacto form a{
	font-family: LatoBold;
	font-size:20px;
	text-decoration:none;
	color:rgba(51,153,204,1);
	margin:0 0 20px 10px;
	padding:0;	
}

#contenedor #contenido #cuerpo.txt_contacto form label{
	font-family: LatoRegular;
	color:rgba(51,153,204,1);
}

#contenedor #contenido #cuerpo.txt_contacto form input[type=text],#contenedor #contenido #cuerpo.txt_contacto form input[type=tel]{
	position:relative;
	display:inline-block;
	width:450px;
	min-width:450px;
	height:35px;
	max-height:35px;
	border:0;
	border-radius:5px;
	outline:none;
	background:rgba(203,203,203,1);
	margin:5px 10px 5px 10px;
	padding:0 0 0 10px;
}

#contenedor #contenido #cuerpo.txt_contacto form #siimage{
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	margin:5px 10px 5px 10px;	
}

#contenedor #contenido #cuerpo.txt_contacto form .refresh{
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	margin:5px 10px 5px 10px;	
}

#contenedor #contenido #cuerpo.txt_contacto form #captchacode{
	position:relative;
	display:inline-block;
	vertical-align:text-top;
	width:265px;
	min-width:265px;
	height:35px;
	max-height:35px;
	border:0;
	border-radius:5px;
	outline:none;
	background:rgba(203,203,203,1);
	margin:5px 10px 5px 10px;
	padding:0 0 0 10px;
}

#contenedor #contenido #cuerpo.txt_contacto form textarea{
	position:relative;
	display:inline-block;
	width:450px;
	min-width:450px;
	height:120px;
	max-height:120px;
	border:0;
	border-radius:5px;
	outline:none;
	resize:none;
	background:rgba(203,203,203,1);
	margin:5px 10px 5px 10px;
	padding:5px 0 0 10px;
}

#contenedor #contenido #cuerpo.txt_contacto form input[type=submit]{
	position:relative;
	float:right;
	width:200px;
	min-width:200px;
	height:35px;
	max-height:35px;
	border:0;
	border-radius:5px;
	outline:none;
	color:rgba(255,255,255,1);
	background:url(../imagenes/icons/icon_enviar.png) no-repeat 150px center,rgba(51,153,204,1);
	margin:5px 15px 5px 10px;
	padding:0 0 0 10px;
}
/* ######################################################################### */
/* #############################  ################################# */

/* ######################################################################### */
/* ############################# CONTACTO ################################## */

/* ######################################################################### */
/* ############################# EXTRAS #################################### */

/* ######################################################################### */
/* ############################# CLEAR FLOAT ############################### */	

	.clearfloat{
		clear:both;
		line-height:1px;
		margin:0;
		padding:0;
	}

/* ######################################################################### */
/* ############################# FONTS ##################################### */	

	@font-face{
		font-family: LatoBold;
		src:url(../fonts/Lato-Bold.ttf);
	}
	
	@font-face{
		font-family: LatoRegular;
		src:url(../fonts/Lato-Regular.ttf);
	}	

@font-face {
font-family: 'thebit';
src: url('fonts/futuran-webfont-webfont.eot');
src: url('fonts/futuran-webfont-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/futuran-webfont-webfont.woff') format('woff'),
url('fonts/futuran-webfont-webfont.ttf') format('truetype'),
url('fonts/futuran-webfont-webfont.svg#futura_bk_btbook') format('svg');
}