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

body, ul, li, div, a, b, span, p, h3, h1, h2, img, object, form {margin:0; padding:0; border:0;}
h1, h2, h3 {font:inherit; font-size:100%;}
a {color:#FFF;}
a:hover {color:#F00;}
body {color:#FFF; background-color: #4a4848; background-image: url(../images/body_background.gif); background-repeat: repeat-x;}
.clear {clear:both; /*visibility:hidden;*/ }
.contenedor {width:955px; margin:auto; height:100%;}
.contenedor {background-image: url(../images/tablitas.gif); background-repeat: repeat-y;}

.cabezera {width:100%; height:123px; background-color:#000; background-image:url(../images/header_background.gif); background-position:center; background-repeat:no-repeat;}
.cabezera .marco {width:260px; height:123px; margin:auto 0;}
.cabezera .logo {}
.cabezera .youtube {margin:50% 0 0 0;}
.cabezera .facebook {margin:50% 0 0 0;}
.cabezera .imagen {background-image:url(../images/header_background.gif); height:122px; width:780px;}
.cabezera h1 {display:inline;}

.tablitas {float:left; width:30px; height:200px;} /*Quitar en cuanto se pueda*/

.navegar {display:inline-block; vertical-align:top; #display:inline-block; _display:inline; zoom: 1; #display:inline-block; _display:inline; zoom: 1;}
.carrito {float:left; width:33px; height:33px; margin:0 0 0 20px;}
.menu {float:left; background-image:url(../images/menu_background.gif);/*DEL 50pxOFpadding*/ width:730px; height:29px; background-repeat:no-repeat; padding:0 0 0 85px;}
.menu li {background-image:url(../images/menu_link_bg.gif); background-repeat:no-repeat; width:101px; height:29px; list-style:none; float:left; margin:0 8px 0 8px; text-align:center; padding:5px 0 0 0;}
.menu a {font:13px Verdana, Geneva, sans-serif; color:#000066; text-decoration:none; font-weight: bold;}
.menu a:hover {color:#F00;}

.contenido {width:75%; height:100%; margin:10px 0 105px 85px; display:inline-block; vertical-align:top; #display:inline-block; _display:inline; zoom: 1;}

/*index.php*/
.contenido .animacion {padding:0 0 0 90px;}
/*trayectoria.php*/
.contenido .tele {float:left;}
.contenido .tele a {display:block; text-align:center; padding:5px 0;}
.contenido strong {text-align:center; font-family:"Courier New", Courier, monospace; color:#CCCCCC; margin:70px 130px; display:block; float:right;}/*se puede cambiar a div - probar cambio en tipografia o pasar a <b></b>*/
.contenido .right {text-align:right;}
/*productos.php*/
.contenido.catalogo {width:85%; margin-left:70px;}
.contenido .nota {text-align:center;}
.contenido .nota a {color:#FF0;}
.contenido .catalogo {text-align:center; margin:5px 0; padding:4px 0; border:3px double; border-color:#333;}
.contenido .catalogo div {display:inline-block; vertical-align:middle; text-align:left;}
.contenido .tapa {width:110px;}
.contenido .descripcion {width:73%; text-align:left;}
.contenido .descripcion b {display:inline;}
.contenido .comprar {width:75px; margin-left:5px;}
.contenido .catalogo .linea {background-color:#333; height:3px; width:100%; border:0; margin:5px 0;}
/*galeria_01.php*/
.contenido .galeria {text-align:center; margin:40px 0;}
.contenido .galeria div {display:inline-block; vertical-align:top; #display:inline-block; _display:inline; zoom: 1; margin:5px 5px;}
.contenido .galeria h1 {width:165px;}
.contenido .navegar {text-align:center; margin:30px 150px;}
.contenido .navegar span {margin:0 25px;}
.contenido .navegar div {margin:10px 0;}

/*contacto.php*/
.contacto {color:#000; width:530px; height:315px; margin:10% 0 10% 20%; display:inline-block; vertical-align:top; #display:inline-block; _display:inline; zoom: 1;}

.contacto .margen {background-image:url(../images/ficha_borde.gif); background-repeat:no-repeat; width:22px; height:294px; display:inline-block; vertical-align:top; #display:inline-block; _display:inline; zoom: 1;}
.contacto .oveja {background-image:url(../images/oveja_mensajera.gif); background-repeat:no-repeat; width:131px; height:104px; display:inline-block; vertical-align:top; #display:inline-block; _display:inline; zoom: 1; margin:140px 0 0 0;}

.contacto .formulario {background-image:url(../images/ficha2.gif); background-repeat:repeat-x; width:360px; height:294px; padding:35px 0 0 0; text-align:center; display:inline-block; vertical-align:top; #display:inline-block; _display:inline; zoom: 1;}
.contacto .formulario span {display:block; margin:5px; text-align:left;}
.contacto .formulario p {margin:0 2px; display:inline;}
.contacto .formulario .enviar {text-align:center; margin:10px 0;}
/*mensajes_ok.php*/
.formulario .gracias {margin:70px 30px;}
.formulario .gracias span {text-align:center;}
.formulario .gracias b, p {display:block;}
.formulario .error {margin:40px 30px;}
.formulario .error p, b {display:block;}

/*carrito.php*/
.pedido {color:#000; width:505px; margin:40px 0 20px 190px; display:inline-block; vertical-align:top; #display:inline-block; _display:inline; zoom: 1;}
.pedido .lateral_izq {background-image:url(../images/lateral_carrito_izq.jpg); background-repeat:no-repeat; width:35px; height:355px; display:inline-block; vertical-align:top; #display:inline-block; _display:inline; zoom: 1;}
.pedido .lateral_der {background-image:url(../images/lateral_carrito_der.jpg); background-repeat:no-repeat; width:35px; height:355px; display:inline-block; vertical-align:top; #display:inline-block; _display:inline; zoom: 1;}
.pedido .listado {background-image:url(../images/fondo_carrito.jpg); background-repeat:repeat-x; width:432px; height:355px; display:inline-block; vertical-align:top; #display:inline-block; _display:inline; zoom: 1;}

.pedido .listado {padding:40px 0 0 0;}
.listado div {margin:3px 1px 0 40px; background-color:#ebebeb; text-align:center; display:inline-block;}
.listado .titulo span {background-color:#0099FF;}
.listado .titulo {background-color:#333;}
.listado .art {width:200px; display:inline-block; vertical-align:top; #display:inline-block; _display:inline; zoom: 1;}
.listado .cant {width:95px; display:inline-block; vertical-align:top; #display:inline-block; _display:inline; zoom: 1;}
.listado .supr {width:53px; display:inline-block; vertical-align:top; #display:inline-block; _display:inline; zoom: 1;}
.listado .boton {background-color:transparent;}
.pedido .nota {text-align:center; color:#FFF;}

.pie {display:inline-block; vertical-align:top; #display:inline-block; _display:inline; zoom: 1; background-color:#666666; font-size:12px;}
.pie{/*[contenedor][-][tablitas]*/width:925px; height:120px;}
.pie{/*[tablitas]*/margin:0 0 0 30px;}
.pie .texto {text-align:center; margin:15px 0;}
