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



header, footer, aside, nav, article, section { 
display: block; 
cursor: default;} 


img { border:0;}

#imgcentrada{ float:left; }


h1 {font-family:'roboto_condensedlight';	
	color: #1B7B96;
	font-size:14px;
}

h1 a{color: #686767;
	text-decoration:none;
	padding:20px 0px;	}
	
h1 a:hover{	color: #1B7B96;}

	
h2 {text-decoration:none;
	font-family:'roboto_condensedbold';	
	letter-spacing: 1px;
	color: #525151;
	font-size:13px;	}
	
h2 a {	color: #000;}
h2 a:hover{	color: #ccc;}


h3 {	font-family:'roboto_condensedlight';	/*titulos la empresa y contacto*/
		color: #1B7B96;
		font-size:19px;	}
		

h4 {text-decoration:none;                 /*texto general la empresa*/
	font-family:'roboto_condensedlight';	
	color: #525151;
	font-size:13px;	}
	
	.texto-destacado-boldnegro 
			{	font-family:'roboto_condensedbold';	
			color: #000;}
	
	.texto-destacado-azul 
			{color: #1B7B96;}


h5 {text-decoration:none;                 /*texto contacto*/
	font-family:'roboto_condensedlight';	
	color: #525151;
	font-size:13px;
	line-height:30px;
	}
	



.camposform {
	height: 25px;
	width: 140px;
	font-family:'roboto_condensedlight';
	border: 1px solid #ccc;
	color: #999;
	margin-bottom:6px;
		font-size:13px;	
		 background-image: url(images/fondo-bl-transp-menu.png);
}

.camposformconsulta
{
	height: 52px;
	width: 140px;
	font-family:'roboto_condensedlight';
	position: static;
	border: 1px solid #ccc;
	color: #999;
	cursor: text;
	margin-bottom:9px;
		font-size:13px;
		 background-image: url(images/fondo-bl-transp-menu.png);	
}

.botonb { /*boton contacto*/
	background:  #A5C1CB;
	height: 30px;
	font-family:'roboto_condensedbold';	
	width: 140px;
	border: thin solid #FFF;
	color: #333;
	font-size:13px;
	cursor:  pointer;	
}






body {	margin: 0; background: url(images/bg.jpg) no-repeat right bottom fixed #ffffff; }		

#pagina{ width: 972px;	margin: auto; }


header{ width: 960px; height:265px; position:relative; margin-top:20px; padding: 0 6px;}
	header #fotosrotador { width: 960px; height: 265px; position:relative; float:left; }
	header #logo { width: 160px; heigth: 240px; position:absolute; top:0px; left:18px;z-index:2;}
	header #menu-arriba { padding: 10px 30px 10px 30px; position:absolute; top:0px; right:6px; background-image: url(images/fondo-bl-transp-menub.png); z-index:2;}
	






article { width: 972px; position:relative; float:left; min-height: 448px; height: auto !important;}




article nav { width: 972px; position:relative; float:left; margin-top: -30px; z-index:100;}
article nav #categ-home{ width: 162px; position:relative; float:left;}

article nav2 { width: 972px; position:relative; float:left; margin-top: -30px;}
article nav2 #categ{ width: 162px; position:relative; float:left;}





article #la-empresa { width: 960px; position:relative; float:left; margin:-22 6px 0 6px; height: 451px; background-image:url(images/la-empresa/fondoempresa.jpg);}
		article #la-empresa #caja-texto-empresa { width: 430px; position:relative; float:left; margin:33px 0 0 37px; height: auto; line-height:17px;}





article #contacto { width: 958px; position:relative; float:left; margin:-22 6px 0 6px; height: 451px; background-image: url(images/fondo-bl-transp-contacto.png);}
		article #contacto #formulario1 { width: 60px; position:relative; float:left; margin:33px 0 0 37px; height: auto; }
		article #contacto #formulario2 { width: 140px; position:relative; float:left; margin:33px 0 0 0; height: auto; }
		article #contacto #mapa { width: 640px; position:relative; float:left; margin:33px 0 0 37px; height: auto; line-height:17px;}





/*productos*/

article #productos { width: 972px; position:relative; float:left; margin-top: 20px; }

	/*caja chica*/
	article #productos  #caja-chica { width: 176px; height: 140px; position:relative; float:left; border:1px solid #E6E6E6; margin: 0px 8px; background-color:#FFF;}
	
			/*sombra de la caja chica*/
			article #productos #caja-chica:after{
								content:"";
								box-shadow: 0 5px 5px 9px #999 ;
								border-radius: 50%;
								bottom: 6px;
								height: 5px;
								left: 50%;
								margin-left: -70px;
								position: absolute;
								width: 140px;
								z-index: -1;  }
				   
			article #productos  #caja-chica #franjaceleste{ width: 160px; background-color:#d2d7d6;}
			article #productos  #caja-chica #franjablanca{ width: 160px; }
			article #productos  #caja-chica #imagen{ width: 172px; }
					
			
	/*caja mediana*/
	article #productos #caja-mediana { width: 224px; position:relative; float:left; border:1px solid #E6E6E6; margin: 0px 8px; background-color:#FFF; }
			
			/*sombra de la caja mediana*/
			article #productos #caja-mediana:after{
								content:"";
								box-shadow: 0 5px 5px 9px #999 ;
								border-radius: 50%;
								bottom: 6px;
								height: 5px;
								left: 50%;
								margin-left: -94px;
								position: absolute;
								width: 188px;
								z-index: -1;  }
								
			article #productos #caja-mediana #franjaceleste{ width: 208px; background-color:#d2d7d6;}
			article #productos #caja-mediana #franjablanca{ width: 208px; }
			article #productos #caja-mediana #imagen{ width: 224px; min-height: 243px;height: auto !important; }
	
	
	/*caja grande*/
	article #productos #caja-grande { width: 305px; height: 230px; position:relative; float:left; border:1px solid #E6E6E6; margin: 0px 8px; background-color:#FFF;}
	
			/*sombra de la caja grande*/
			article #productos #caja-grande:after{
								content:"";
								box-shadow: 0 5px 5px 9px #999 ;
								border-radius: 50%;
								bottom: 6px;
								height: 5px;
								left: 50%;
								margin-left: -135px;
								position: absolute;
								width: 270px;
								z-index: -1;  }
			
			article #productos #caja-grande #franjaceleste{ width: 289px; background-color:#d2d7d6;}
			article #productos #caja-grande #franjablanca{ width: 289px; }
			article #productos #caja-grande #imagen{ width: 301px; }



	/*franja celeste*/
	article #productos  #caja-chica #franjaceleste, article #productos  #caja-mediana #franjaceleste, article #productos  #caja-grande #franjaceleste
	{
	min-height: 22px;
	height: auto !important;
	position:relative;
	float:left;
	font-family:'roboto_condensedbold';
	color: #676666;
	font-size:13px;
	line-height:22px;
	padding:0 8px;
}
		
	/*franja blanca*/
	article #productos  #caja-chica #franjablanca, article #productos  #caja-mediana #franjablanca, article #productos  #caja-grande #franjablanca
	{ min-height: 22px;height: auto !important;  position:relative; float:left; 
		font-family:'roboto_condensedlight';	
		color: #5397AB;
		font-size:13px;	
		padding:5px 8px 5px 8px;
		line-height:18px;	}
	

	
	

footer{ width: 960px; position:relative; float:left; margin:25px 6px; text-align: center; padding: 10px 0; background-image: url(images/fondo-bl-transp-menu.png);
}


























/****** image hover ******/
.image-hover * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.image-hover {position:relative;width:162px;height:480px;display:inline-block;overflow:hidden;}
.image-hover a {text-decoration:none}

.image-hover img {margin:0px}

.img-opacity img {position:absolute;top:0px;right:0px;bottom:0px;left:0px}

.img-opacity .img-1 {opacity:1}
.img-opacity .img-2 {opacity:0}
.img-opacity:hover .img-1 {opacity:0}
.img-opacity:hover .img-2 {opacity:1}

.img-opacity img{
transition:all .6s ease-in-out;
-webkit-transition:all .6s ease-in-out;
-moz-transition:all .6s ease-in-out;
-ms-transition:all .6s ease-in-out;
-o-transition:all .6s ease-in-out;
}

.img-opacity:hover img{
transition:all 1.2s ease-in-out;
-webkit-transition:all 1.2s ease-in-out;
-moz-transition:all 1.2s ease-in-out;
-ms-transition:all 1.2s ease-in-out;
-o-transition:all 1.2s ease-in-out;
}
/****** fin image hover ******/












/* FUENTES TIPOGR */

@font-face {   font-family: 'robotoblack';
    src: url('tipogr/roboto_black_macroman/Roboto-Black-webfont.eot');
    src: url('tipogr/roboto_black_macroman/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('tipogr/roboto_black_macroman/Roboto-Black-webfont.woff') format('woff'),
         url('tipogr/roboto_black_macroman/Roboto-Black-webfont.ttf') format('truetype'),
         url('tipogr/roboto_black_macroman/Roboto-Black-webfont.svg#robotoblack') format('svg');
    font-weight: normal;    font-style: normal;}


@font-face {   font-family: 'robotoblack_italic';
    src: url('tipogr/roboto_blackitalic_macroman/Roboto-BlackItalic-webfont.eot');
    src: url('tipogr/roboto_blackitalic_macroman/Roboto-BlackItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('tipogr/roboto_blackitalic_macroman/Roboto-BlackItalic-webfont.woff') format('woff'),
         url('tipogr/roboto_blackitalic_macroman/Roboto-BlackItalic-webfont.ttf') format('truetype'),
         url('tipogr/roboto_blackitalic_macroman/Roboto-BlackItalic-webfont.svg#robotoblack_italic') format('svg');
    font-weight: normal;    font-style: normal;}


@font-face {   font-family: 'robotobold';
    src: url('tipogr/roboto_bold_macroman/Roboto-Bold-webfont.eot');
    src: url('tipogr/roboto_bold_macroman/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('tipogr/roboto_bold_macroman/Roboto-Bold-webfont.woff') format('woff'),
         url('tipogr/roboto_bold_macroman/Roboto-Bold-webfont.ttf') format('truetype'),
         url('tipogr/roboto_bold_macroman/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;    font-style: normal;}

@font-face {   font-family: 'roboto_condensedbold';
    src: url('tipogr/roboto_boldcondensed_macroman/RobotoCondensed-Bold-webfont.eot');
    src: url('tipogr/roboto_boldcondensed_macroman/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('tipogr/roboto_boldcondensed_macroman/RobotoCondensed-Bold-webfont.woff') format('woff'),
         url('tipogr/roboto_boldcondensed_macroman/RobotoCondensed-Bold-webfont.ttf') format('truetype'),
         url('tipogr/roboto_boldcondensed_macroman/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
    font-weight: normal;    font-style: normal;}

@font-face {   font-family: 'roboto_condensedbold_italic';
    src: url('tipogr/roboto_boldcondenseditalic_macroman/RobotoCondensed-BoldItalic-webfont.eot');
    src: url('tipogr/roboto_boldcondenseditalic_macroman/RobotoCondensed-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('tipogr/roboto_boldcondenseditalic_macroman/RobotoCondensed-BoldItalic-webfont.woff') format('woff'),
         url('tipogr/roboto_boldcondenseditalic_macroman/RobotoCondensed-BoldItalic-webfont.ttf') format('truetype'),
         url('tipogr/roboto_boldcondenseditalic_macroman/RobotoCondensed-BoldItalic-webfont.svg#roboto_condensedbold_italic') format('svg');
    font-weight: normal;    font-style: normal;}

@font-face {   font-family: 'robotobold_italic';
    src: url('tipogr/roboto_bolditalic_macroman/Roboto-BoldItalic-webfont.eot');
    src: url('tipogr/roboto_bolditalic_macroman/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('tipogr/roboto_bolditalic_macroman/Roboto-BoldItalic-webfont.woff') format('woff'),
         url('tipogr/roboto_bolditalic_macroman/Roboto-BoldItalic-webfont.ttf') format('truetype'),
         url('tipogr/roboto_bolditalic_macroman/Roboto-BoldItalic-webfont.svg#robotobold_italic') format('svg');
    font-weight: normal;    font-style: normal;}

@font-face {   font-family: 'roboto_condensedregular';
    src: url('tipogr//RobotoCondensed-Regular-webfont.eot');
    src: url('tipogr//RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('tipogr//RobotoCondensed-Regular-webfont.woff') format('woff'),
         url('tipogr//RobotoCondensed-Regular-webfont.ttf') format('truetype'),
         url('tipogr//RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;    font-style: normal;}

@font-face {   font-family: 'roboto_condenseditalic';
    src: url('tipogr/roboto_condenseditalic_macroman/RobotoCondensed-Italic-webfont.eot');
    src: url('tipogr/roboto_condenseditalic_macroman/RobotoCondensed-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('tipogr/roboto_condenseditalic_macroman/RobotoCondensed-Italic-webfont.woff') format('woff'),
         url('tipogr/roboto_condenseditalic_macroman/RobotoCondensed-Italic-webfont.ttf') format('truetype'),
         url('tipogr/roboto_condenseditalic_macroman/RobotoCondensed-Italic-webfont.svg#roboto_condenseditalic') format('svg');
    font-weight: normal;    font-style: normal;}

@font-face {   font-family: 'robotoitalic';
    src: url('tipogr/roboto_italic_macroman/Roboto-Italic-webfont.eot');
    src: url('tipogr/roboto_italic_macroman/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('tipogr/roboto_italic_macroman/Roboto-Italic-webfont.woff') format('woff'),
         url('tipogr/roboto_italic_macroman/Roboto-Italic-webfont.ttf') format('truetype'),
         url('tipogr/roboto_italic_macroman/Roboto-Italic-webfont.svg#robotoitalic') format('svg');
    font-weight: normal;    font-style: normal;}

@font-face {   font-family: 'robotolight';
    src: url('tipogr/roboto_light_macroman/Roboto-Light-webfont.eot');
    src: url('tipogr/roboto_light_macroman/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('tipogr/roboto_light_macroman/Roboto-Light-webfont.woff') format('woff'),
         url('tipogr/roboto_light_macroman/Roboto-Light-webfont.ttf') format('truetype'),
         url('tipogr/roboto_light_macroman/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;    font-style: normal;}

@font-face {   font-family: 'roboto_condensedlight';
    src: url('tipogr/roboto_lightcondensed_macroman/RobotoCondensed-Light-webfont.eot');
    src: url('tipogr/roboto_lightcondensed_macroman/RobotoCondensed-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('tipogr/roboto_lightcondensed_macroman/RobotoCondensed-Light-webfont.woff') format('woff'),
         url('tipogr/roboto_lightcondensed_macroman/RobotoCondensed-Light-webfont.ttf') format('truetype'),
         url('tipogr/roboto_lightcondensed_macroman/RobotoCondensed-Light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;    font-style: normal;}

@font-face {   font-family: 'roboto_condensedlight_italic';
    src: url('tipogr/roboto_lightcondenseditalic_macroman/RobotoCondensed-LightItalic-webfont.eot');
    src: url('tipogr/roboto_lightcondenseditalic_macroman/RobotoCondensed-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('tipogr/roboto_lightcondenseditalic_macroman/RobotoCondensed-LightItalic-webfont.woff') format('woff'),
         url('tipogr/roboto_lightcondenseditalic_macroman/RobotoCondensed-LightItalic-webfont.ttf') format('truetype'),
         url('tipogr/roboto_lightcondenseditalic_macroman/RobotoCondensed-LightItalic-webfont.svg#roboto_condensedlight_italic') format('svg');
    font-weight: normal;    font-style: normal;}

@font-face {   font-family: 'robotolight_italic';
    src: url('tipogr/roboto_lightitalic_macroman/Roboto-LightItalic-webfont.eot');
    src: url('tipogr/roboto_lightitalic_macroman/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('tipogr/roboto_lightitalic_macroman/Roboto-LightItalic-webfont.woff') format('woff'),
         url('tipogr/roboto_lightitalic_macroman/Roboto-LightItalic-webfont.ttf') format('truetype'),
         url('tipogr/roboto_lightitalic_macroman/Roboto-LightItalic-webfont.svg#robotolight_italic') format('svg');
    font-weight: normal;    font-style: normal;}

@font-face {   font-family: 'robotomedium';
    src: url('tipogr/roboto_medium_macroman/Roboto-Medium-webfont.eot');
    src: url('tipogr/roboto_medium_macroman/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('tipogr/roboto_medium_macroman/Roboto-Medium-webfont.woff') format('woff'),
         url('tipogr/roboto_medium_macroman/Roboto-Medium-webfont.ttf') format('truetype'),
         url('tipogr/roboto_medium_macroman/Roboto-Medium-webfont.svg#robotomedium') format('svg');
    font-weight: normal;    font-style: normal;}

@font-face {   font-family: 'robotomedium_italic';
    src: url('tipogr/roboto_mediumitalic_macroman/Roboto-MediumItalic-webfont.eot');
    src: url('tipogr/roboto_mediumitalic_macroman/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('tipogr/roboto_mediumitalic_macroman/Roboto-MediumItalic-webfont.woff') format('woff'),
         url('tipogr/roboto_mediumitalic_macroman/Roboto-MediumItalic-webfont.ttf') format('truetype'),
         url('tipogr/roboto_mediumitalic_macroman/Roboto-MediumItalic-webfont.svg#robotomedium_italic') format('svg');
    font-weight: normal;    font-style: normal;}

@font-face {   font-family: 'robotoregular';
    src: url('tipogr/roboto_regular_macroman/Roboto-Regular-webfont.eot');
    src: url('tipogr/roboto_regular_macroman/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('tipogr/roboto_regular_macroman/Roboto-Regular-webfont.woff') format('woff'),
         url('tipogr/roboto_regular_macroman/Roboto-Regular-webfont.ttf') format('truetype'),
         url('tipogr/roboto_regular_macroman/Roboto-Regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;    font-style: normal;}

@font-face {   font-family: 'robotothin';
    src: url('tipogr/roboto_thin_macroman/Roboto-Thin-webfont.eot');
    src: url('tipogr/roboto_thin_macroman/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('tipogr/roboto_thin_macroman/Roboto-Thin-webfont.woff') format('woff'),
         url('tipogr/roboto_thin_macroman/Roboto-Thin-webfont.ttf') format('truetype'),
         url('tipogr/roboto_thin_macroman/Roboto-Thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;    font-style: normal;}

@font-face {    font-family: 'robotothin_italic';
    src: url('tipogr/roboto_thinitalic_macroman/Roboto-ThinItalic-webfont.eot');
    src: url('tipogr/roboto_thinitalic_macroman/Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('tipogr/roboto_thinitalic_macroman/Roboto-ThinItalic-webfont.woff') format('woff'),
         url('tipogr/roboto_thinitalic_macroman/Roboto-ThinItalic-webfont.ttf') format('truetype'),
         url('tipogr/roboto_thinitalic_macroman/Roboto-ThinItalic-webfont.svg#robotothin_italic') format('svg');
    font-weight: normal;    font-style: normal;}