﻿
body {
	font-size: 12px;
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	line-height:1.2em;
	color:#564b47;  
	text-align: center;
	background:url(../imgs/fons.jpg) 0 0 repeat-x #64b5e4;;
}

#alertie{width:100%;height:25px;color:#fff;background:#cc0000;position:fixed;z-index:12000;left:0px;top:0px;font-family: Sans-Serif;line-height:1.7em}
#alertie a,#alertie a:hover,#alertie a:visited,#alertie a:link{color:#fff;text-decoration:underline;}

#construcc{width:100%;height:50px;color:#fff;background:#bd0926;position:fixed;z-index:12000;left:0px;bottom:0px;font-family: Verdana;font-size:1.5em;line-height:2.8em;}


/*** ESTRUCTURA GENERAL ***/
#header{position:fixed;left:0px;top:0px;height:95px;width:100%;background:url(../imgs/header.png) 0 0 repeat-x;z-index:90000;}
#footer{width:100%;height:100px;background:url(../imgs/sephorz.gif) 0% 0% repeat-x;clear:both;font-size:10px;color:#4e768d;padding-top:5px;}
#footer a, #footer a:link, #footer a:visited{text-decoration:none;font-size:10px;color:#4e768d;}
#footer a:hover{color:#fff;text-decoration:underline;}

#menu{position:fixed;left:0px;top:90px;width:100%;height:30px;background:url(../imgs/fonsmenu.png) 50% -5px no-repeat;z-index:89999;}
#opsmenu{margin-top:5px;}
#opsmenu span{background:url(../imgs/sepmenu.gif) 0% 0% no-repeat;height:30px;padding:5px 0px 5px 0px}
#opsmenu span a{color:#35557a;text-decoration:none;padding:5px 10px 7px 10px;margin:0 -4px 0 1px}
#opsmenu span a:hover{background:url(../imgs/fonsmenurol.gif) 5px 0% repeat-x;}
#opsmenu span .selecc, #opsmenu span .selecc:hover{color:#000;background:url(../imgs/fonsmenurol.gif) 5px 0% repeat-x;}


#headercont{width:100%;height:90px;margin-left:50%;position:relative;top:0px;left:-480px;background:url(../imgs/header_bg2.gif) 277px 0 repeat-y #4e99f3;}
#cont_tit{height:90px;width:720px;float:left;background:url(../imgs/header_pixelado.gif) 0 0 no-repeat;line-height:1.1em;}
#cont_tit img{float:left;margin:0px 0 0 1px;}
#cont_tit .tit{float:left;margin:13px 0 0 54px;}
#cont_tit a img{margin-left:25px}
#cont_der{float:left;margin:10px 0 0 0px;width:205px;text-align:right;color:#fff;line-height:1.1em;}
#cont_der h3{font-size:18px;margin-top:5px;line-height:1.1em;font-weight:bold;}
#cont_der h1{font-size:12px;line-height:1.1em;font-family: Verdana}
#cont_der h2{color:#fff;font-size:18px;font-weight:bold;line-height:1.1em;}

/*Contenedores de contenidos*/
.contenedor{width:100%;margin:0 auto;}
.contenido{text-align: left;vertical-align: middle;margin: 0px auto;padding: 0px;width: 960px;}
.sup { background:url(../imgs/fonssup.png) 50% 0% repeat-y;}
.med {/*background-color:#5fffff;*/}
.inf {/*background-color:#ff0000;*/}

/*Contenidos*/
#contimgmenu{margin-top:90px;height:420px;width:100%;/*background:url(../imgs/img.jpg) 50% 0% no-repeat #fff;*/}
#contgral{width:100%;background-color:#fff;}
#contgral .col{float:left;width:425px;height:160px;margin:25px 0px 5px 36px; background:url(../imgs/bgcol.jpg) 0 18px no-repeat;}
#contgral .col .txt{float:left;}
#contgral .col .txt h1{font-size:16px;font-weight:bold;color:#666}
#contgral .col .txt h2 {margin:10px 0px 10px 20px;font-size:12px;font-weight:bold}
#contgral .col .txt p {margin:10px 0px 10px 20px;width:300px;}
#contgral .col .txt p a{color:#5190b5;font-weight:bold;text-decoration:none;}
#contgral .col .txt p a:hover{color:#666;font-weight:bold;text-decoration:underline;}
#contgral .col .txt .telf{color:#5190b5;width:300px;font-size:14px;text-align:right;font-weight:bold;line-height:1.7em;}
#contgral .col .txt .telf span{color:#5190b5;font-size:30px;font-weight:bold;}
#contgral .col .imagen {float:right;border:none;margin-top:19px;}


/*carrusel productos*/
#carrusel {width: 425px;position: relative;}
#carrusel .wrapper {width: 425px;overflow: hidden;height: 160px; position: absolute;}
#carrusel .wrapper ul { width: 425px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position: absolute; top: 0;}
#carrusel ul li {display:block; float:left; height: 160px; width: 500px;margin:0;padding:0;}
#carrusel ul a img {border: 0px;-moz-border-radius: 50px;-webkit-border-radius: 0px;}
#carrusel ul li  a{color:#666666;}
#carrusel ul li  a:hover{color:#5190b5}
#carrusel ul li a img {display:block;}
#carrusel .arrow {display: block;height: 24px;width: 121px;background: url(../imgs/botcarruselrol.gif) no-repeat 0 0;text-indent: -999px;position: absolute;top: 165px;cursor: pointer; outline: 0;}
#carrusel .forward {background-position: 0 -24px;right: 0;}
#carrusel .back {background-position: 0 0px;left: 0;}
#carrusel .forward:hover {background-position: 0 -72px;}
#carrusel .back:hover {background-position: 0 -48px;}


#botcarrusel{clear:both;width:425px;height:24px;margin-left:36px;background:url(../imgs/botcarrusel.gif) 0 0 no-repeat;}
#botcarrusel .txt{float:left;width:180px;text-align:center;font-weight:bold;font-size:1.1em;color:#46648b;margin-top:4px;margin-left:125px}
#botcarrusel .control{width:121px;height:24px;display:block;}
#botcarrusel .ico{float:right;}





#apdos{height:420px;/**/overflow:hidden;color:#fff;background-color:#fff}
#apdos h3{font-size:24px;font-weight:bold;font-style:italic;position:relative;top:120px;left:40px;line-height:1em}
#apdos .apdo {text-align:left;width:960px;height:420px;position:absolute;left:-480px;top:75px;z-index:9990;margin-left:50%;/*background-color:#fff;*/}
#apdos .apdo .cont_apdo{margin:80px 0 0 40px;width:500px;}
#apdos .apdo .cont_apdo h1{font-weight:bold;font-style:italic;font-size:20px;line-height:1.2em;color:#4c4c4c}
#apdos .apdo .cont_apdo h2{margin:20px 0 0 25px;line-height:1.2em;font-size:13px;font-weight:bold;color:#666}
#apdos .apdo .cont_apdo b{font-weight:bold;}
#apdos .apdo .cont_apdo p{margin:20px 0 0 25px;line-height:1.4em;font-size:13px;color:#666}

#apdo1{background:url(../imgs/img1.jpg) 50% 0% no-repeat;color:#282828;}
#apdo2{background:url(../imgs/img2.jpg) 50% 0% no-repeat;color:#282828;}
#apdo3{background:url(../imgs/img3.jpg) 50% 0% no-repeat;color:#282828;}
#apdo1,#apdo2,#apdo3{opacity:0.0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}


#botonera{position:absolute;left:50%;top:430px;height:80px;margin-left:-450px;text-align:center;background:url(../imgs/botsreflex.png) 0 50px no-repeat;z-index:59990}
#botonera a{height:81px;width:178px;display:block;float:left;margin:-31px 10px 0 0;background:url(../imgs/bot.png) 0 0 no-repeat;text-decoration:none;}
#botonera a:hover{background-position: 0 -81px;}
#botonera a p{margin-top:7px;color:#fff;font-size:13px;}
#botonera a .tit {margin-top:20px;font-size:15px;font-weight:bold;line-height:14px;}


#apartado{padding-top:50px;margin-left:40px;min-height:420px;width:880px;}

#apartado p{line-height:1.2em;margin-bottom:15px;}
#apartado .col{width:48%;}
#apartado .txtintro{font-size:1.1em;color:#666;background:#fff;padding:25px 10px 15px 25px;}
#apartado .txtintro h1{color:#282828;font-size:1.5em;margin-bottom:15px;line-height:1.1em;}
#apartado .txtintro h2{color:#999999;font-size:1.2em;margin-bottom:15px;line-height:1.5em;font-style:italic;}
#apartado h1{color:#282828;font-size:1.5em;margin-bottom:15px;line-height:1.1em;}
#apartado h2{color:#333;font-size:1.2em;margin-bottom:15px;font-style:italic;font-weight:bold}
#apartado h3{color:#666;font-size:1.2em;margin-bottom:15px;font-style:italic;}

#apartado .pack{height:180px;background:url(../imgs/bgcol.jpg) 0 15px no-repeat;font-size:12px;}
#apartado .pack  h1{font-size:16px;font-weight:bold;color:#666;}
#apartado .pack .cont{margin-left:15px;margin-top:10px;width:335px;}
#apartado .pack .cont h2{font-size:12px;font-weight:bold;color:#282828;font-style:normal;}
#apartado .pack .cont .dest{font-style:italic;color:#666;font-weight:bold;margin-left:10px}

#apartado .caracts{background:url(../imgs/bgcol2.jpg) 0 15px repeat-x;font-size:12px;/**/height:600px}
#apartado .caracts h1{font-size:16px;font-weight:bold;color:#666;}

#apartado .cols1{width:104px;float:left;}
#apartado .cols2{width:233px;float:left;}
#apartado .cols3{width:362px;float:left;}
#apartado .cols4{width:491px;float:left;}
#apartado .colspe{width:183px;float:left;}
#apartado .medianil{margin-right:25px;}

#apartado .fila{height:26px;width:100%;border-bottom:1px dotted #b3b2b1;line-height:2.2em;}
#apartado .fila2{height:26px;margin-left:50px;border-bottom:1px dotted #d4d3d2;line-height:2.2em;}
#apartado .fila img, #apartado .fila2 img{margin-top:5px;}
#apartado  .detalle{font-size:0.8em}

#apartado a,#apartado a:link, #apartado a:visited{color:#5190b5;font-weight:bold;text-decoration:none;}
#apartado a:hover{color:#54ace3;text-decoration:underline;}

form {margin:40px 0 0 40px;font-size:11px;/*width:85%;*/float:left}
form .labels{width:90px;float:left;text-align:right;margin-right:10px;}
form .labels fieldset{height:17px;margin-bottom:5px;}
form .labels fieldset i{font-style:normal;margin-left:3px;}
form .inputs{width:300px;float:right;}
form .inputs  span{font-size:0.8em;font-family:  Arial, Verdana, Sans-Serif;color:#999}
form input{width:100%;height:15px;background:#edf4fc;border:1px solid #e3e3e3;font-size:1em;margin-bottom:5px;font-family:  Arial, Verdana, Sans-Serif;}
form textarea{width:100%;height:100px;font-size:1em;background:#edf4fc;border:1px solid #e3e3e3;font-family:  Arial, Verdana, Sans-Serif;}
form .botenvio{width:83px;height:24px;display:block;background:url(../imgs/botenviar.gif) 0% 0% no-repeat #d8ebf8;float:right;border:none;cursor:pointer;margin-top:10px}
form .botenvio:hover{background-position:0% -24px;}
form .error{text-align:right;width:300px;margin-top:5px;color:#ae0e28}
form .ok{text-align:right;width:300px;margin-top:5px;color:#555}



#continf{width:100%;margin:25px 0;/*background-color:#5fffff*/}
#listaproductos{width:350px;height:300px;margin:0 auto;/*background-color:#ffff00*/}
#listaproductos ul{float:left;margin:0 50px 0 0;}
#listaproductos ul li{text-indent:15px}
#listaproductos .tipoprod{font-weight:bold;text-indent:0px}
#listaproductos a{text-decoration:none;color:#282828}


#banner {margin:50px auto 20px auto;}

/*Generales*/
.nofloat{clear:both;}
.der{float:right;}
.izq{float:left;}
.cent{text-align:center;}
.sang{margin-left:25px;}
.sang2{margin-left:50px;}
.separadorv{height:50px;}

/*Bordes inferiores*/
.bordeinf_imgmenu{height:4px;width:100%;background:url(../imgs/bordeinf_menu.gif) 50% 0% no-repeat;}
.bordeinf_gral{height:10px;width:100%;background:url(../imgs/bordeinf.png) 50% 0% no-repeat;}

/*bot solicitar info*/
.solicitar{width:163px;height:24px;display:block;background:url(../imgs/botsolinfo.gif) 0% 0% no-repeat #d8ebf8;float:left;}
.solicitar:hover{background-position:0% -24px;}

/*bot volver*/
.volver{width:83px;height:24px;display:block;background:url(../imgs/botvolver.gif) 0% 0% no-repeat #d8ebf8;float:left;margin-right:10px;}
.volver:hover{background-position:0% -24px;}

/*SLIDESHOW IMGS HOME*/
#slideshow {position:absolute;left:50%;top:90px;margin-left:-480px;height:420px;z-index:100}
#slideshow .slogan {z-index:900;position:absolute;top:120px;left:50px;width:450px;}
#slideshow .slogan h3{font-size:14px;font-style:italic;line-height:1.8em;color;#282828;}
#slideshow .slogan h2{font-size:18px;font-weight:bold;line-height:2.2em;color:#333;margin-left:60px}
#slideshow IMG {position:absolute;top:0;left:0;z-index:8;opacity:0.0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}
#slideshow IMG.active {z-index:10;opacity:1.0;filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;}
#slideshow IMG.last-active {z-index:9;}


/*BOTON  GENERAL*/
.btn {display:inline-block;background:none;margin:0;overflow:visible;color:#e7ecef;background:url(../imgs/bot_der.jpg) 100% 0 no-repeat;padding:9px 15px 10px 0px;}
.btn span {margin:0;background:url(../imgs/bot_izq.jpg) 0 0 no-repeat;padding:10px 0 10px 15px;}
.btn span span {font-family:Arial;font-size:14px;font-weight:bold;color:#589ff3;background:url(../imgs/bot_cent.jpg) 0 0 repeat-x;padding:8px 0 10px 0px;}
.btn:hover span, .btn:hover span span{cursor:pointer;color:#294a72;background-position:0 -31px;}
.btn:hover {cursor:pointer;background-position:100% -31px;}
.btn:active span {outline:none;}
.btn:focus, .btn:active {outline:none;}

