@import url('reset.css');

/* WEB */

#contenedor{height:auto; width:1009px; margin-right:auto; margin-left:auto; margin-top:20px; margin-bottom:20px}
.separador{height:7px; width:270px; background-image:url(../images/separador.gif); background-repeat:no-repeat; float:left}
.flashtv{height:auto; width:446px; margin-right:auto; margin-left:auto}
.btn{height:18px; width:78px; margin-right:auto; margin-left:auto}
.btn2{height:53px; width:106px; margin-right:auto; margin-left:auto}
.logo{height:107px; width:250px; margin-right:auto; margin-left:auto}
.copyright{height:72px; width:296px; margin-right:auto; margin-left:auto}
#caja-cent{float:left; height:auto; width:503px}
#caja-cent .top{float:left; height:12px; width:503px; background-image:url(../images/bg_top.png); background-repeat:no-repeat; background-position:0px 0px}
#caja-cent .bott{float:left; height:12px; width:503px; background-image:url(../images/bg_bott.png); background-repeat:no-repeat; background-position:0px 0px}
#caja-cent .cont{float:left; height:auto; width:493px; background-image:url(../images/bg_cont.png); background-repeat:repeat-y; background-position:0px 0px; padding-right:5px; padding-left:5px}
#caja-izq{float:left; height:auto; width:246px}
#caja-izq .top{float:left; height:16px; width:246px; background-image:url(../images/bg2_top.png); background-repeat:no-repeat}
#caja-izq .bott{float:left; height:16px; width:246px; background-image:url(../images/bg2_bott.png); background-repeat:no-repeat}
#caja-izq .cont{float:left; height:auto; width:238px; background-image:url(../images/bg2_cont.png); background-repeat:repeat-y; padding-left:8px}
#caja-izq .productos{float:left; height:auto; width:229px}
#caja-izq .titulo{float:left; height:49px; width:229px}
#caja-izq .sub_cont{background-image:url(../images/subbg_cont.png); background-repeat:repeat-y; float:left; height:auto; width:219px; padding-right:5px; padding-left:5px}
#caja-izq .sub_bott{float:left; height:16px; width:229px; background-image:url(../images/subbg_bott.png); background-repeat:no-repeat}
#caja-der{float:left; height:auto; width:246px}
#caja-der .top{float:left; height:16px; width:246px; background-image:url(../images/bg2_top.png); background-repeat:no-repeat}
#caja-der .bott{float:left; height:16px; width:246px; background-image:url(../images/bg2_bott.png); background-repeat:no-repeat}
#caja-der .cont{float:left; height:auto; width:238px; background-image:url(../images/bg2_cont.png); background-repeat:repeat-y; padding-left:8px}
#caja-der .contacto, #caja-der .fotografia, #caja-der .compra{float:left; height:auto; width:229px}
#caja-der.titulo{float:left; height:49px; width:229px}
#caja-der .sub_cont{background-image:url(../images/subbg_cont.png); background-repeat:repeat-y; float:left; height:auto; width:219px; padding-right:5px; padding-left:5px}
#caja-der .sub_cont a:link, #caja-der .sub_cont a:visited{color:#FFF; text-decoration:none}
#caja-der .sub_cont a:hover{color:#666; text-decoration:none}
#caja-der .sub_bott{float:left; height:16px; width:229px; background-image:url(../images/subbg_bott.png); background-repeat:no-repeat}
#caja-der .item{float:left; height:330px; width:219px}
#caja-der .item_foto{float:left; height:100px; width:100px; border:3px solid #FFF; background-color:#FFF; margin-left:3px; margin-bottom:3px}
#caja-der .paginador{float:left; height:auto; width:219px; padding-top:3px; padding-bottom:3px}
#caja-der .paginador a:link, #caja-der .paginador a:visited{color:#FFF; text-decoration:none}
#caja-der .paginador a:hover{color:#666; text-decoration:none}

.menu{float:left; height:auto; width:219px}
.menu ul{width:219px; height:auto; float:left}
.menu li{width:219px; height:auto; float:left; text-decoration:none; border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#FFF; display:block; text-align:center}
.menu li a, .menu li a:link, .menu li a:visited{color:#FFF; text-decoration:none; padding-top:2px; padding-bottom:2px; display:block; font-weight:bold; font-family:Arial,Helvetica,sans-serif; font-size:12px}
.menu li a:hover{display:block; color:#666; text-decoration:none}


/* /// BOTONERA /// */

#entrar_btn {width: 78px; height: 18px; background-position: 0 0; background-image: url(../images/btn_entrar.gif);background-repeat: no-repeat; float: left;}
#entrar_btn span {display:none;}
#entrar_btn:hover {background-position:0 -18px; background-image: url(../images/btn_entrar.gif);}

#facebook_btn {width: 53px; height: 59px; background-position: 0 0; background-image: url(../images/btn_face.gif);background-repeat: no-repeat; float: left;}
#facebook_btn span {display:none;}
#facebook_btn:hover {background-position:0 -59px; background-image: url(../images/btn_face.gif);}

#twitter_btn {width: 53px; height: 59px; background-position: -53px 0; background-image: url(../images/btn_face.gif);background-repeat: no-repeat; float: left;}
#twitter_btn span {display:none;}
#twitter_btn:hover {background-position:-53px -59px; background-image: url(../images/btn_face.gif);}


/* ESTILOS RAPIDOS */

.clear {clear: both;}
.center {text-align: center;}
.margen_top {margin-top: 10px;}
.margen_top4 {margin-top: 4px;}
.margen_top30 {margin-top: 30px;}
.margen_izq4 {margin-left: 4px;}
.margen_izq8 {margin-left: 8px;}
.margen_der {margin-right: 10px;}
.margen_der7 {margin-right: 7px;}
.margen_bott5 {margin-bottom: 5px;}
.margen_bott10 {margin-bottom: 10px;}
.arial_12 {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.negrita {font-weight: bold;}
.italic {font-style: italic;}
.tex_blanco {color: #FFF;}
.tex_gris {color: #999;}
.tex_gris2 {color: #666;}