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


body{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#111111;
    font-size:15px;
    height:100%;
    width:100%;
    margin:auto;
    padding:0px 0px 70px 0px;
}


/* titulos */ 
h1, h2, h3{
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight:900;
    color:#401101;
}
h1{
    font-size:36px;
    font-weight:700;
}
h1.titulo_principal{
    font-family:"Arial Black", Gadget, sans-serif;
    font-size:60px;
    font-weight:bolder;
    color:#FFF;
    text-shadow:1px 1px #333333;
    letter-spacing:-7px;
    margin:10px;
}


h2{
    font-size:30px;
    margin:10px 0px;
}
p{
    margin:7px 0px;
}

strong{
    color:#FF7F00;
    text-shadow: 0px 1px 0px #000;
}

/* vinculos */
a{
    text-decoration:none;

}


/* clase para clear */
.clear{
    clear:both;
    height:0px;
    width:100%;
    margin:0px;
    padding:0px;
}


/*header*/
header{
    width:100%;
    position:relative;
    height:200px;
    background:url(../img/bg/bg_header.jpg) repeat-x;
}
/* contenedor de header */
header .content{
    width:1000px;
    height:200px;
    margin:0px auto;
}	
/* contenedor del logo*/
header .content .logo{
    width:225px;
    height:200px;
    float:left;
    background:url(../img/bg/bg_logo.png) no-repeat center top;
    margin:0px 21px 0px 156px;

}
header .content .logo img{
    margin:39px 0px 0px 35px;
}

/* contenedor barra de navegación */
nav{
    width:580px;
    height:150px;
    float:left;
}
nav ul{
    padding:0px;
    margin:0px;
}
nav ul li{
    display:block;
    padding:0px 6px 0px 3px;
    float:left;
    height:150px;
    background:url(../img/bg/bg_nav_laterial_linea.jpg) no-repeat top right;
    margin:0px 0px 0px 3px;
    font-family: 'Open Sans Condensed', sans-serif;

}
nav ul li:last-child{
    background:none;	
}

nav ul li a{
    color:#FFF;
    text-transform:uppercase;
    display:block;
    height:40px;
    font-weight:lighter;
    font-size:18px;
    padding:110px 13px 0px 13px;
}
nav ul li a:hover{
    background:#FFF url(../img/bg/bg_nav_hover_select.jpg) bottom left repeat-x;
    color:#482412;
}

nav ul li a.select{
    background:#FFF url(../img/bg/bg_nav_hover_select.jpg) bottom left repeat-x;
    color:#482412;
    font-family:"Arial Black", Gadget, sans-serif;
    font-weight:900;
    letter-spacing:-2px;
}

/*contenedor general*/
.contenedor_general{
    width:1000px;
    margin:0px auto;
}


/* banner */
.banner{
    width:992px;
    height:298px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin:0px auto;
    position:relative;
    overflow:hidden;
}

/* contenedor aside del carrusel */
aside.carrusel{
    width:1000px;
    height:221px;
    margin:10px auto 0px auto;
}


/* footer */
footer{
    width:100%;
    height:10px;
    position:fixed;
    background:#401101;
    bottom:0px;
}
footer .redes{
    width:105px;
    height:42px;
    position:absolute;
    left:50%;
    bottom:0px;
    margin:0px 0px 0px 300px;
}
footer .redes a{
    display:block;
    width:30px;
    height:41px;
    float:left;
    margin:0px 2px;

}


/* nosotros */
.nosotros{
    background:url(../img/bg/bg_blanco_80.png) repeat;
    padding:20px;
    float:left;
    margin:10px 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.nosotros img{
    float:left;
    margin:0px 20px 0px 0px;
    box-shadow: 0px 0px 5px #888888;
    border:3px solid #FFF;

}

/* nosotros */
.cliente{
    background:url(../img/bg/bg_blanco_80.png) repeat;
    padding:10px;
    float:left;
    margin:6px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; 
    width:156px;
    height:156px;
    position: relative;
}
.cliente img{
    float:left;
    margin:0px 20px 0px 0px;
    box-shadow: 0px 0px 5px #888888;
    border:3px solid #FFF;

}
.cliente h2{
    font-size:21px;
    text-align:center;		
}
.cliente .tool { 
    background:url(../img/tooltip/hover.png) no-repeat;
    width: 226px;
    height: 60px;
    position: absolute;
    top: -85px;
    left:-125px;
    text-align: center;
    padding: 5px 12px 10px;
    font-style: normal;
    z-index: 2;
    margin:0px 0px 0px 50%;
    display: none;
    color:#FFF;
}



/* servicios */
.servicios{
    background:url(../img/bg/bg_blanco_80.png) repeat;
    padding:20px;
    float:left;
    margin:10px 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.servicios img{
    float:left;
    margin:0px 20px 0px 0px;
    box-shadow: 0px 0px 5px #888888;
    border:3px solid #FFF;

}

/* productos */
div.encabezado{
    background:url(../img/bg/bg_blanco_80.png) repeat;
    padding:20px;
    margin:0px 0px 20px 0px;
}
div.encabezado h2{
    margin:0px 0px 5px 0px;
}

.producto{
    width:209px;
    height:347px;
    float:left;
    background:url(../img/bg/bg_blanco_60.png) repeat;
    margin:0px 20px 20px 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow:hidden;
    position:relative;	
}
.producto a{
    display:block;
    width: 209px;
    height: 43px;
    background:#482412;
    position:absolute;
    bottom:0px;
    left:0px;
    color:#FF7F00;
    font-family:"Arial Black", Gadget, sans-serif;
    font-weight:900;
    font-size:23px;
    letter-spacing:-2px;
    text-align:center;
    padding:7px 0px 0px 0px;
}
.producto h2, .producto p{
    padding:0px 5px;
    margin:5px 0px;
}

.producto h2{
    font-size:22px;
    line-height:20px;
    font-weight:400;
}
.producto img{
    float:left;
    border-bottom:6px #FF7F00 solid;
}

.informacion_producto{
    background:url(../img/bg/bg_blanco_80.png) repeat;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    width:980px;
    height:422px;
    position:relative;
    padding: 10px 10px 0px 0px;
}



.informacion_producto .galeria_productos{
    width:320px;
    height:432px;
    float:left;
    margin:-10px 20px 0px 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    overflow:hidden;

}

.informacion_producto p{
    padding:5px 20px 0px 0px;
    margin:0px;
}
.informacion_producto h2{
    margin:10px 0px 5px 0px;
    font-weight:300;
    color: #FF7F00;
    text-shadow: 1px 1px 0px #000;
}
.informacion_producto a.regresar{
    position:absolute;
    display:block;
    background:url(../img/bg/bg_btn_regresar.png) no-repeat;
    right:20px;
    top:-8px;
    width:171px;
    height:32px;
    color:#FF7F00;
    font-family:"Arial Black", Gadget, sans-serif;
    font-weight:900;
    font-size:20px;
    letter-spacing:-3px;
    text-align:center;
    padding:8px 0px 0px 0px;
}
.informacion_producto .redes{
    position:absolute;
    bottom:-8px;
    right:20px;
    background:url(../img/bg/bg_btn_redes.png) repeat;
    width:270px;
    height:35px;
    padding:5px 0px 0px 20px;
}
/* Contacto */

#form{
    float:left;
    width:380px;
    min-height:200px;
}
#form label{
    width:370px;
    height:20px;
    margin:5px 0px;
    display:block;
    padding:0px;
    font-size:22px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight:lighter;
    color:#401101;
}



#form input[type="text"], #form input[type="password"], #form input[type="email"] {
    float:none;
    width:370px;
    height:30px;
    padding:0px 5px;
    background:#F1F1F1;
    border:1px solid #401101;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    color:#666;
}

#form input[type="text"]:hover, #form input[type="password"]:hover,#form input[type="email"]:hover{
    background:#FFF;
    border:1px solid #401101;
}



#form input[type="submit"], #form input[type="reset"]{
    width:110px;
    height:30px;
    float:left;
    color:#FFF;
    padding:5px 10px;
    border:none;
    cursor:pointer;
    display:block;
    border:2px solid #CCC;
    margin:10px 5px 0px 0px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /* degradados */
    background: #401101; /* Old browsers */
}
#form textarea{
    float:none;
    width:370px;
    height:120px;
    padding:0px 5px;
    background:#F1F1F1;
    border:1px solid #401101;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    margin:0px 0px 10px 0px;
    color:#666;
}
#form textarea:hover{
    border:1px solid #401101;
}