/* CSS Amadoz Gallardo */
/* Estilos especificos del web */

*,html{margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif;list-style-type:none}
body{margin:0px;padding:0px;color:#333;background:#fbfbfb url(../img/fondo.gif) left top repeat-x}

h1{float:left;margin:15px 0 0 10px}
#head h2{float:right;color:#fff;text-align:right;font-weight:normal;font-size:150%}
h2 span{display:block;font-size:70%}
h3{font:bold 100% Arial, Helvetica, sans-serif;color:#08338e}
h4{margin:0px 0px 30px 0px;font: italic 130% Georgia, "Times New Roman", Times, serif;color: #999}
h5{margin:10px 0;font-size:100%}
p{margin:0px 0 10px;line-height:130%;font:90% Tahoma, Arial, Verdana;list-style-type:none}

a{color:#000;text-decoration:none}
a:link{color:#000}
a:active{color:#333}
a:focus{color:#333}
a:hover{color:#333}
img{border-style:none}
.clear{clear: both;color:#999;text-align:right;font:0.7em tahoma, Verdana, Arial, Helvetica}
noscript p{ clear:both;margin: 20px auto;width:950px;display:block;color:#fff;clear:both}

/*-- Estilos para la Home --*/
#contenedor{width:981px;margin:0px auto}
#head{height:136px;margin-right:20px;}
.col-menus{float:right;width:578px;margin-top:15px;font:normal 80% Tahoma, Arial, Verdana}
.col-menus ul{ width:578px;margin:32px 0px 0 0;text-align:right;background:url(../img/fondo-menu.gif) right top no-repeat;height:47px;font-size:110%;}
.col-menus li{float:left;margin:15px 0 0 5px;padding:0 8px}
.col-menus li a{padding:4px 5px;color:#000099}
.col-menus li a:hover{background-color:#666;color:#fff}
.col-menus .current{background-color:#666;color:#fff;padding:4px 5px}


.contenido{margin:0px;padding:20px 10px;min-height:160px;clear:both;color:#333;background:#fff url(../img/fondo-contenido.gif) center bottom no-repeat}
.contenido p,.contenido li{font:85% Arial, Helvetica, sans-serif;line-height:150%;color:#434343}
.contenido li{background: url(../img/ico-flecha-gr.gif) left 6px no-repeat;padding-left:10px;}

/*--- Estilos jquery home --- */
#horinaja{float:left;width:981px;height:356px;overflow:hidden}
#demo{float:left;display:block;width:981px;height:356px}

/*----*/
.col-a,.col-b{float:left;width:420px;font-size:90%;margin-bottom:10px}
.col-a img,.col-b img{float:left;margin:0 20px 30px 0;}
.col-a{margin:0 20px 0 30px}
.col-a p,.col-b p{line-height:140%;font-size:100%;color:#666}
.col-a p a,.col-b p a{background: url(../img/ico-fle-azul.gif) 0px center no-repeat;padding:2px 0px 2px 15px;color: #003399;margin:0px 0}
.col-a p a:hover,.col-b p a:hover{text-decoration:underline}
.col-a h2,.col-b h2{color: #003399;font:normal 130% Arial, Helvetica, sans-serif;margin:0px 0 5px}
.col-b { background:url(../img/d-encimera-corian.jpg) 40px top no-repeat; height:170px; border-left:1px dashed #ccc; padding-left:200px; width:200px; margin-left:15px}
.col-b.na h2{color:#e95d0f;font-size:140% }.col-b.na h2 strong{text-transform:uppercase}
.col-b.na p{font-size:110%;margin-bottom:5px;color:#8c8c8c}
.col-b.na p.p{font-size:80%;color: #e95d0f}

/*---- Paginas interior ---------- */
.margen{padding:20px 60px}
#amadoz, #comedor, #bricolar, #contacto, #ubicacion, #catalogo{width:981px;height:269px;background:url(../img/mueble-salon.jpg) left top no-repeat;border-bottom:6px solid #ccc}
#comedor{background:url(../img/dormitorio.jpg) left top no-repeat}
#bricolar{background:url(../img/manualidades.jpg) left top no-repeat}
#contacto{background:url(../img/aparador.jpg) left top no-repeat}
#ubicacion{background:url(../img/comedor.jpg) left top no-repeat}
#catalogo{background:url(../img/salon02.jpg) left top no-repeat}

.col-iz,.col-iz2{float:left;width:450px;margin-bottom:20px}
.col-iz li{background: url(../img/ico-flecha-gr.gif) left 6px no-repeat;padding-left:10px;}
.col-iz a,.col-iz3 a{ display:block;background: url(../img/ico-flecha-azul.gif) left 2px no-repeat;padding-left:17px;color:#08338e;margin-top:15px}
.col-iz a:hover,.col-iz2 li a:hover{ text-decoration:underline}
.col-iz2 li{ display:block;background: url(../img/ico-flecha-azul.gif) left 4px no-repeat;padding-left:17px;color:#666;margin-top:15px;}
.col-iz2 li a{ color:#08338e}

.salon{float: right;background:url(../img/salon.jpg) left top no-repeat;width:323px;height:246px;margin:0 0px 15px 0}
.dormitorio{float: right;background:url(../img/dormitorio-p.jpg) left top no-repeat;width:323px;height:246px;margin:0 0px 15px 0}
.bricolar{float: right;background:url(../img/tienda-bricolar.jpg) left top no-repeat;width:323px;height:246px;margin:0 0px 15px 0}

.col-iz3{float:left;width:270px;margin:0 0 20px 0px}
.col-iz3 .dir{color:#000!important;font:bold 100% Arial, Helvetica, sans-serif}
.galeria{width:325px;float:right}
.galeria li{float:left;margin:0 7px 7px 0;width:100px;height:100px;background:none!important;background-color:#eee;padding:0px}
.galeria p{font-size:90%;color:#999;line-height:120%}

/* -- Formulario -- */
/*estilos de formulario */
.formulario{float:left;width:450px;margin-left:90px;font-size:80%;padding:20px 20px 5px;border:1px solid #ccc;margin-bottom:20px}
.formulario h3{margin:0 auto 10px;display:block;font-size:110%}
.formulario p{margin:0 0px 10px;font-size:95%;line-height:140%;color:#666}
label{display:block;line-height:120%}
input, textarea{border-style:none;padding:1px;color:#000;font:100% Tahoma, "Trebuchet MS", Arial, Verdana;width:98%;background-color:#eee;margin-bottom:10px;list-style-type:none; padding:8px}
textarea{height:50px;margin-bottom:10px}
.boton{width:150px;display:block;color:#eee;display:block;margin:15px auto;cursor:pointer;padding:10px; border-radius:5px; background-color:#222; font-size:120%}
.boton:hover{background-color:#666}
.check{margin-right:5px;clear:both;width:15px;border-style:none;float:left;color:#ccc}
#formulario a{color:#666;border-bottom:1px dotted #666; }
#formulario a:hover{border-bottom:1px solid #666}
.gracias{width:90%;background-color: #eaeaea;border:1px solid #ccc;font:90% Tahoma, Arial, Verdana}
.gracias a{display:block;	margin:10px 0;text-decoration:underline}
.gracias a:hover{color:#cc0000}

/* -- Pie -- */
#pie{font-size:90%;color:#666;padding:15px 0; text-align:center}
#pie .sp{margin-left:140px}
#pie ul{ display:block}
#pie li{color:#006729;display:inline;font-size:90%;color:#999999}
#pie li a{text-decoration:none; font-size:90%}
#pie li a:hover{color:#333}
#pie a{ color:#666}

/*--- Cookies ----*/
.cookies{width:98%;margin:20px 0;padding:8px 15px;border:1px dashed #ccc;display:none}
.cookies p{color:#666;margin:0;font-size:80%}
.cookiesBot{background-color:#06F;padding:2px 10px;color:#fff!important;font-weight:bold;text-decoration:none!important}
.cookies a{color:#06F;text-decoration:underline}

/*Submenu*/
.submenu { background:url(../img/fondo-azul.gif) left top no-repeat; height:34px}
.submenu li {float: left; padding: 6px 10px 8px; margin: 0px 1px 0px 0px; font-size:90%; background: none!important;color:#fff!important; cursor: pointer;}
.submenu li a{ color:#fff}
.submenu a:Hover { text-decoration:underline}
.submenu .Selected {background: url(../img/ico-fl-blanca.gif) center bottom no-repeat!important;color:#fff!important;}

.catalogo {padding:15px 4px; width:857px; min-height:200px}
.catalogo ul { margin-left:25px;}
.catalogo li { background:none !important;float:left;margin:0 10px 15px 10px;}
.catalogo li img { padding:2px; border:1px solid #ccc;}