/* CSS Document */

body { margin: 0; font-family:Arial, Helvetica, sans-serif; background-color: #FFF; overflow-x:hidden; scrollbar-face-color: #BABABA; scrollbar-shadow-color: #BABABA; scrollbar-highlight-color: #FFF; scrollbar-3dlight-color: #BABABA;
scrollbar-darkshadow-color: #BABABA; scrollbar-arrow-color: #FFF;}

img {	border: none;}

form {margin: 0; padding: 0;}

a { border:0;}

#container { margin: 0 auto; width: 746px; padding: 0px; margin-top:20px;}

#container #left_part { margin:0; padding:90px 0 0 0; float:left; width:159px; background:url("../img/img_lat_izquierda.gif") bottom left no-repeat; height:370px;}

#container #left_part ul { margin:165px 0 0 15px; padding:0; float:left; list-style:none; text-align:left; width:100px; display:block;}

#container #left_part ul li { margin:0; padding:0 0 0 10px; background:url("../img/bolo.gif") 0 50% no-repeat; color:#989898; width:100px; font-size:14px;}

#container #left_part_phone { margin:0; padding:90px 0 0 0; float:left; width:159px; background:url("../img/img_lat_izquierda_phone.gif") bottom left no-repeat; height:370px;}

#container #left_part_phone h4 { margin:0; padding:0; float:left;}

#container #left_part_phone h4 span { display:none;}

#container #left_part_phone ul.bolo_red {  margin:165px 0 0 15px; padding:0; float:left; list-style:none; text-align:left; width:100px; display:block;}

#container #left_part_phone ul.bolo_red li { margin:0; padding:0 0 0 10px; background:url("../img/bolo_red.gif") 0 50% no-repeat; color:#000; width:100px; font-size:14px;}

#container #left_part_phone ul.bolo_red li a { color:#000000; text-decoration:none;}

#container #left_part_phone ul.bolo_red li a { color:#000000; text-decoration:none;}

#container #left_part_phone ul.bolo_red li a.on { color:#F10400;}

#container #left_part_phone ul.bolo_red li a:hover { color:#F10400;}

#container #central_part { margin:0; padding:0; float:left; width:428px; background-color:#00FFCC; background:url("../img/img_central.gif") bottom left no-repeat; height:458px;}

#container #right_part { margin:0; padding:90px 0 0 0; float:left; width:159px; background:url("../img/img_lat_derecha.gif") bottom left no-repeat; height:370px;}

#container #right_part ul { margin:165px 15px 0 0; padding:0; float:right; list-style:none; text-align:right; width:115px; display:block;}

#container #right_part ul li { margin:0; padding:0 10px 0 0; background:url(../img/bolo.gif) 100% 50% no-repeat; color:#989898; width:100px; font-size:14px;}

#container #right_part_phone { margin:0; padding:90px 0 0 0; float:left; width:159px; background:url("../img/img_lat_derecha_phone.gif") bottom left no-repeat; height:370px;}

#container #right_part_phone h4 { margin:0; padding:0; float:left;}

#container #right_part_phone h4 span { display:none;}

#container #right_part_phone ul.bolo_red {  margin:165px 15px 0 0; padding:0; float:right; list-style:none; text-align:right; width:115px; display:block;}

#container #right_part_phone ul.bolo_red li { margin:0; padding:0 10px 0 0; background:url(../img/bolo_red.gif) 100% 50% no-repeat; color:#989898; width:100px; font-size:14px;}

#container #right_part_phone ul.bolo_red li a { color:#000000; text-decoration:none;}

#container #right_part_phone ul.bolo_red li a.on { color:#F10400;}

#container #right_part_phone ul.bolo_red li a:hover { color:#F10400;}

#container #central_part h1 { float: left; width: 330px; margin: 50px 0 0 50px; padding: 0; background: url("../img/h1_logo.gif") top left no-repeat; height:82px; display:inline;}

#container #central_part h1 a { float: left; width: 330px; margin: 0; padding: 0; height:82px; border:0;}

#container #central_part h1 a span { position: absolute; display:none;}

#container #central_part h2 { float: left; width: 407px; margin:85px 0 0 5px; padding: 0; background:url("../img/text_home.gif") top left no-repeat; height:128px;}

#container #central_part h2 span { display:none;}

#container #central_part .boton { margin:0; padding:10px 0 0 173px; float:left; width:243px;}

#container #central_part p { float:left; margin:30px 0 0 33px; padding:0; width:365px; font-size:10px; text-align:center; display:inline;}

#container #central_part p a { float:right; width:156px; margin:20px 0 0 0; padding:0; color:#000000; text-decoration:none; font-size:12px; display:inline;}

#container #central_part p a:hover { color:#F21400;}

#container #central_part #area_img { margin:75px 0 0 60px; padding:0; float:left; width:311px; display:inline;}

#container #central_part #area_img img { margin:0 4px 4px 0; padding:0; float:left; width:58px;}

#container #cierre_img { margin:0; padding:0; float:left; width:746px; background:url("../img/cierre_img.gif") bottom left no-repeat; height:66px;}

#container #botones { margin:10px 0 0 0; padding:0; float:left; width:746px; display:inline;}

#container #botones img { margin:0 2px 0 0; padding:0; float:left; display:inline;}

#container #botones a.last { margin:0; float: left; display:inline; padding:0; }

#container #pie { float:left; margin:15px 0 0 0; padding:0; width:746px; font-size:9px; text-align:center; display:inline;}

/*ventana emergente PRODUCTO*/

#product_window { margin:0; padding:0 0 20px 0; float:left; width:500px;}

#product_window img { margin:0 0 0 30px; padding:0; float:left;}

#product_window #close { margin:10px 20px 0 0; padding:0; float:left; width:480px; color:#000000; font-size:12px; text-align:right; font-weight:bold;}

#product_window #close a { color:#000000; text-decoration:none;}

#product_window #close a:hover { color:#F10400;}

#product_window h2 { margin:0 0 5px 30px; padding:0; float:left; width:430px; color:#7E7E7E; font-size:14px; display:inline;}

#product_window h3 { margin:10px 0 0 30px; padding:0; float:left; width:430px; color:#F10400; font-size:12px; display:inline;}

#product_window p { margin:5px 0 0 30px; padding:0; float:left; width:430px; color:#000; font-size:11px; display:inline;}

/*ventana emergente SOLICITAR CATÁLOGO*/

#capa_form { float:left; margin:0; padding:0; width:500px; display:inline;}

#capa_form h2 { float: left; width: 396px; margin:10px 0 20px 50px; padding: 0; background:url("../img/h2_catalogo.gif") top left no-repeat; height:91px; display:inline;}

#capa_form h2 span { display:none;}

#capa_form p { float: left; width: 435px; margin:20px 0 0 45px; padding: 0; display:inline; font-size:14px; font-weight:bold; padding:0 0 20px 0;}

#capa_form form { float:left; margin:0 0 0 50px; padding:0; width:396px; display:inline;}

#capa_form form .r { text-align:right; font-weight:bold; font-size:13px; width:200px;}

#capa_form form .r span { color:#F21400; font-weight:bold;}

#capa_form form .r#especial { vertical-align:top;}

#capa_form form .l { text-align:left; float:left; }

#capa_form form .l input { background-color:#E8E8E8; border:0; float:left; color:#F21400;}

#capa_form form .l textarea { background-color:#E8E8E8; border:0; float:left; color:#F21400; display:inline; width:280px; font-family:Arial, Helvetica, sans-serif; font-size:14px; }

#capa_form .nota {font-size:10px; width:396px; text-align:right;}

#capa_form .nota span { color:#F21400; font-weight:bold;}

#capa_form .boton { background-color:#F21400; border:0; margin:10px 0 10px 0; padding:5px; color:#FFFFFF; font-weight:bold; cursor:pointer; float:right;}

#capa_form #close { margin:10px 20px 30px 62px; padding:0; float:left; width:480px; color:#000000; font-size:12px; font-weight:bold; display:inline;}

#capa_form #close a { color:#000000; text-decoration:none;}

#capa_form #close a:hover { color:#F10400;}

/*ventana emergente DÓNDE ESTAMOS*/

#capa_mapa { float:left; margin:0; padding:0; width:500px; display:inline;}

#capa_mapa h2 { float: left; width: 396px; margin:10px 0 20px 50px; padding: 0; background:url("../img/h2_mapa.gif") top left no-repeat; height:105px; display:inline;}

#capa_mapa h2 span { display:none;}

#capa_mapa span { float: left; width: 435px; margin:20px 0 0 45px; padding: 0; display:inline; font-size:14px; font-weight:bold; padding:0 0 20px 0;}

#capa_mapa iframe { background-color:#3399CC; float:left; margin:0 0 0 50px; padding:0; width:396px; background: white; overflow: hidden; height:300px;}

#capa_mapa #grande { margin:10px 20px 10px 50px; padding:0; float:left; width:480px; color:#000000; font-size:12px; font-weight:bold; display:inline;}

#capa_mapa #grande a { color:#000000; text-decoration:none;}

#capa_mapa #grande a:hover { color:#F10400;}

#capa_mapa #close { margin:10px 20px 0 50px; padding:0; float:left; width:480px; color:#000000; font-size:12px; font-weight:bold; display:inline;}

#capa_mapa #close a { color:#000000; text-decoration:none;}

#capa_mapa #close a:hover { color:#F10400;}

/*ventana emergente ABECEDARIO*/

#capa_abecedario { float:left; margin:0 0 0 5px; padding:0; width:500px; display:inline;}

#capa_abecedario h2 { float: left; width: 396px; margin:10px 0 20px 50px; padding: 0; background:url("../img/h2_abecedario.gif") top left no-repeat; height:105px; display:inline;}

#capa_abecedario h2 span { display:none;}

#capa_abecedario span { float: left; width: 435px; margin:20px 0 0 45px; padding: 0; display:inline; font-size:14px; font-weight:bold; padding:0 0 20px 0;}

#capa_abecedario iframe { background-color:#3399CC; float:left; margin:0 0 0 50px; padding:0; width:396px; background: white;  overflow: scroll; overflow-x:hidden; height:300px;}

#capa_abecedario h3 { float:left; margin:3px 0 3px 0; padding:0; width:350px; color:#F21400; font-weight:bold; font-size:13px;}
#capa_abecedario h4 { float:left; margin:0; padding:0; width:350px; font-size:13px;}
#capa_abecedario p { float:left; margin:0 0 10px 0; padding:0; width:350px; font-size:12px;}

#capa_abecedario #close { margin:10px 20px 0 50px; padding:0; float:left; width:480px; color:#000000; font-size:12px; font-weight:bold; display:inline;}

#capa_abecedario #close a { color:#000000; text-decoration:none;}

#capa_abecedario #close a:hover { color:#F10400;}


/*IMP overflow: auto*
Para que Overflow funcione correctamente hay que definir las siguientes propiedades:

    * Background
    * Width
    * Height
    * Overflow
    * Visible (opciona)
    * Hidden (opcional)
    * Auto (opcional)
    * Inherit (opcional)
/