/* CSS Document */
@import url("reset.css");

/*estilos generales*/
.cotenedor{
	width:941px;
	border-left:2px solid #fff;
	border-right:2px solid #fff;
	margin:0 auto;
	background:#353630
}

/*hedaer*/
.header{
	background:url(/images/css-images/bg-header.jpg) no-repeat top;
	height:424px;
	overflow:hidden
}
.header-inner{padding-top:10px}
.header h1{
	background:url(/images/css-images/logo-header.png) no-repeat scroll left center;
	color:#FFFFFF;
	float:left;
	font-size:1.17em;
	height:62px;
	margin:0 70px 13px 12px;
	padding-left:346px;
	padding-top:20px;
}
.header h1 span{
	text-indent:-9999px;
	display:block;
}
.tel{
	color:#fff;
	float:left;
	font-size:2em;
	font-weight:bold;
	line-height:1em;
	margin:29px 63px 0 0;
}
.banner-header{clear:both}

/*menu*/
.menu{
	background:url(/images/css-images/separador-menu.jpg) no-repeat top;
}
.menu-inner{
	padding:8px 15px 0;
	margin-top:5px;
	overflow:hidden;
	height:42px;
}
.menu a{
	width:172px;
	height:42px;
	display:block;
	float:left;
	text-indent:-9999px;
}
.empresa{
	background:url(/images/css-images/btn-empresa.jpg) no-repeat left;
}
.servicios{
	background:url(/images/css-images/btn-servicios.jpg) no-repeat left;
}
.catalogo{
	background:url(/images/css-images/btn-catalogo.jpg) no-repeat left;
}
.contacto{
	background:url(/images/css-images/btn-contacto.jpg) no-repeat left;
}
.tarifas{
	background:url(/images/css-images/btn-tarifas.jpg) no-repeat left;
}
.empresa, .servicios, .catalogo,.tarifas {margin-right:12.3px;}

.btn-activo{background-position:center}

.empresa:hover, .servicios:hover, .catalogo:hover, .contacto:hover, .tarifas:hover{background-position:right}

/*contenido*/
.contenido{
	margin:15px auto 25px;
	background:url(/images/css-images/bg-contenido-bottom.gif) no-repeat bottom;
	padding-bottom:2px;
	width:910px;
}
.contenido-inner{
	background:#fff url(/images/css-images/bg-contenido-top.gif) no-repeat top;
	overflow:hidden;
	height:1%;
	padding:12px 17px
}
.contenido .col1, .contenido .col2{width:428px}
.contenido .col1{float:left}
.contenido .col2{float:right}
.contenido h2{margin-bottom:15px}
.contenido h3{
	font-size:1.17em;
	text-transform:uppercase;
}
.contenido h4{font-size:1em;}
.contenido p{margin-bottom:12px}
.contenido a{color:#35352F;}
.contenido a:hover{text-decoration:none}
/*contenido home*/
.home .contenido, .home .contenido-inner, .page-catalogo .contenido, .page-catalogo .contenido-inner{background:none; padding:0}
.logo-home{
	width:182px;
	margin:0 auto;
	display:block
}

/*contenido catalogo*/
.page-catalogo .logo-home{margin-top:25px}
.search-block{
	background:url(/images/css-images/bg-busqueda.gif) no-repeat;
	height:58px;
}
.search-block-inner p{
	width:187px;
	margin-right:36px;
	color:#fff
}
.search-block-outer p
{
    margin-top:10px;
    text-align:center;
	width:100%;
	margin-right:36px;
	color:#fff
}
.search-block-inner p, .search-block-inner div, .search-block-inner a{float:left}
.search-block-inner div.cont-select{margin-right:15px; margin-top:11px}
.search-block-inner{padding:5px 8px 0;}
.cont-select{
	width:216px;
	height:27px;
}
.cont-select select{
	background:none;
	border:0;
	height:27px;
	width:100%;
	font-size:1.17em;
}

.btn-search{
	display:block;
	background:url(/images/css-images/btn-busqueda.jpg) no-repeat;
	height:42px;
	width:209px;
	text-indent:-9999px;
	margin-top:3px
}
.btn-search:hover{background-position:right}
.cont-paginador{
	overflow:hidden;
	height:25px;
	margin:10px 0;
	padding:0 7px;
}
.cont-paginador h2, .cont-paginador h3{float:left; color:#fff; font-size:18px; text-transform:none; margin-bottom:0; line-height:1em}
.paginador{float:right; padding-top:5px}
.paginador a, .paginador{color:#fff; text-decoration:none}
.paginador a:hover, .paginador span{color:#E97903; font-weight:bold}

.contenedor-resultados{
	overflow:hidden; 
	width:908px;
	margin:0 auto;
}
.cont-prod-resultado{
	background:url(/images/css-images/bg-prod-resultado.gif) no-repeat;
	width:217px;
	height:267px;
	float:left;
	overflow:hidden;
	margin:0 5px 12px;
}
.cont-img-prod{
	text-align:center;
	height:155px;
	margin:5px	
}
.detalle{
	height:55px;
	border-bottom:1px solid #6E7063;
	width:199px;
	margin:0 auto 5px;
	padding:0 5px 5px
}
.detalle h4{font-size:1em}
.codigo{margin-left:5px; float:left; width:70px}
.medidas{float:left; width:69px}
.precio{margin-right:5px; float:right; width:50px}
.codigo span, .medidas span, .precio span{display:block; font-weight:bold}

/*contacto*/
.page-contacto .contenido-inner{padding:12px 10px}
.logo-contacto{
	display:block;
	margin:0 5px 5px
}
.page-contacto .contenido .col1, .page-contacto .contenido .col2, .page-contacto .contenido .col3{float:left; padding-top:5px}
.page-contacto .contenido .col1{
	width:195px;
	padding-right:14px;
	border-right:1px solid #A8A9A1;
	line-height:1.1em
}
.page-contacto .contenido .col2{
	width:206px;
	margin:0 16px;
	line-height:1.1em
}
.page-contacto .contenido .col2 p{margin-bottom:18px}
.page-contacto .contenido .col2 label{display:block; padding-left:3px}
.page-contacto .contenido .col2 .btn{float:right; margin-top:5px}
.page-contacto .contenido .col2 .input-text, .page-contacto .contenido .col2 .textArea, .cont-mapa{border:1px solid #6E7063}
.page-contacto .contenido .col2 .input-text, .page-contacto .contenido .col2 .textArea{width:206px}
.page-contacto .contenido .col2 .input-text{height:19px; padding:2px 0 0}
.page-contacto .contenido .col2 .textArea{height:83px; overflow:auto}
.cont-mapa{width:440px; height:302px}
.tel-contacto{
	font-size:2em;
	color:#D22D12;
	font-weight:bold;
	margin-top:38px
}
.contenido .info-contacto{margin:32px 0 0; padding-bottom:5px}
.info-contacto a{color:#1315C3; text-decoration:none}
.info-contacto a:hover{text-decoration:underline}

/*Servicios*/
.page-servicios .contenido-inner{padding:0 10px 12px 12px}
.page-servicios .col1{width:664px; padding-top:10px}
.page-servicios .col2{width:200px; padding:8px 0 0 11px}
.page-servicios .conSeparadorLeft{border-left:1px solid #9B9B98;}
.page-servicios .col1 .conSeparador{
	border-bottom:1px solid #9B9B98;
	padding-bottom:10px;
	margin-bottom:10px
}
.page-servicios .contenido .col1 p{margin-bottom:0;}
.page-servicios .col2 p{padding:0 3px}
.fila-servicio{overflow:hidden; height:1%}
.fila-servicio p{float:right; width:440px}
.logo-ventas, .logo-instalacion, .logo-manipulados{
	background:url(/images/css-images/logos-servicios.png) no-repeat;
	text-indent:-9999px;
	width:198px;
	float:left;
	margin:0 !important
}
.logo-ventas, .logo-instalacion{height:117px}
.logo-instalacion{background-position:0 -117px}
.logo-manipulados{
	height:121px;
	background-position:bottom;
}
.page-servicios .col2 h3{
	background:url(/images/css-images/enlaces-title.png) no-repeat;
	height:43px;
	width:200px;
	text-indent:-9999px;
	margin-bottom:7px
}
.links-servicios-1, .links-servicios-2, .links-servicios-3, .links-servicios-4{
	display:block;
	text-indent:-9999px;
	margin:auto;
	background-image:url(/images/css-images/links-servicios.png);
	background-repeat:no-repeat;
}
.links-servicios-1, .links-servicios-2, .links-servicios-3{margin-bottom:32px}
.links-servicios-1{
	background-position:left top;
	width:131px;
	height:40px;
}
.links-servicios-1:hover{background-position:-134px top;}
.links-servicios-2{
	background-position:-23px -64px;
	width:85px;
	height:73px;
}
.links-servicios-2:hover{background-position:-157px -64px;}
.links-servicios-3{
	background-position:-24px -170px;
	width:83px;
	height:83px;
}
.links-servicios-3:hover{background-position:-158px -170px;}
.links-servicios-4{
	background-position:-10px -285px;
	width:115px;
	height:78px;
	padding-bottom:10px
}
.links-servicios-4:hover{background-position:-144px -285px;}
/*footer*/
.footer{color:#6D6F63}
.footer a{color:#6D6F63; text-decoration:none;}
.footer a.link-activo{color:#fff; font-weight:bold}
.footer a:hover{color:#fff}
.links-footer{
	background:url(/images/css-images/separador-footer.jpg) no-repeat top;
	overflow:hidden;
	height:1%;
	padding:10px 20px;
}
.links-footer a:hover{color:#fff}
.links-footer h3{
	font-size:1em; 
	font-weight:normal;
	line-height:1.5em;
}
.links-footer ul{
	float:left;
	margin-right:18px;
}
.links-footer h2{margin-bottom:16px}
.links-footer .col1{width:305px;}
.links-footer .col2{width:124px;}
.links-footer .col3{width:249px;}
.links-footer .col4{width:158px; margin-right:0}
.copyright{
	overflow:hidden;
	height:1%;
	background:url(/images/css-images/separador-footer.jpg) no-repeat top;
	padding:2px 10px 0 15px;
}
.copyright .floatLeft{width:415px}
.copyright .floatLeft div{margin-top:13px; overflow:hidden}
.copyright .floatRight{padding:13px 0 0; width:150px}
.logo-footer{
	display:block;
	height:58px;
	width:58px;
	float:left;
	text-indent:-9999px;
	background:url(/images/css-images/logo-footer.jpg) no-repeat left;
	margin-right:3px
}
.logo-gerard{
	display:block;
	height:58px;
	width:150px;
	float:left;
	text-indent:-9999px;
	background:url(/images/css-images/gerard.jpg) no-repeat left;
	margin-right:3px
}
.anbork-link{
	text-indent:-9999px;
	float:right;
	background:url(/images/css-images/logo-footer2.gif) no-repeat left;
	width:21px;
	height:21px;
	display:block;
	text-align:left !important;
	margin-left:8px;
	margin-top:4px
}
.anbork-link:hover{background-position:right}
.copyright .floatRight a{
	display:block;
	text-align:right
}

/*headers*/
h2{
	font-size:1.50em;
	line-height:1em
}

/*botones*/
.btn{
	display:block;
	text-decoration:none;
	color:#fff !important;
	text-align:center;
	cursor:pointer
}

.small{
	background:url(/images/css-images/btn-1.png) no-repeat;
	height:19px;
	width:79px;
	line-height:19px;
}
.small:hover{background-position:right center}
.small .small-activo{background-position:center}
.header .small{float:left;margin-top:33px;}


/*varios*/
.floatLeft{float:left}
.floatRight{float:right}
.bold{font-weight:bold}
.center{text-align:center}

.linkstarifa{
    float:left;
    width:294px;
    margin-top:5px;
    }
.linkstarifa a{
    color:Blue;
    text-decoration:none;
    }
.linkstarifa a:hover
{
    text-decoration:underline;
