@charset "utf-8";
/* CSS Document */
img {behavior:url(/global/pngbehavior.htc);
border:0; }
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
* {margin:0;padding:0;}
body{background:#333333;
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
margin:0;
padding:0;}
#contenedor{margin:4px auto 0 auto;
width:700px;
heigth:auto;
text-align:left;}
#encabezado{
width:100%;
height:250px;}
#logo {}
#menu{background:#552222 url(fondomenu.jpg) no-repeat center;
width:100%;
height:40px;
}
#menu ul{margin:0;}
#menu li{list-style:none;display:block;width:98px;height:40px;float:left;}
#menu li a {display:block;width:98px;height:40px;font-size:0px;text-indent:-1500px;}
#menu li#inicio {background:url(inicio.jpg) no-repeat;}
#menu li#inicio_sel, #menu li#inicio a:hover {background:url(inicio_sel.jpg) no-repeat;}
#menu li#producto {background:url(producto.jpg) no-repeat;}
#menu li#producto_sel, #menu li#producto a:hover {background:url(producto_sel.jpg) no-repeat;}
#menu li#galeria {background:url(galeria.jpg) no-repeat;}
#menu li#galeria_sel, #menu li#galeria a:hover {background:url(galeria_sel.jpg) no-repeat;}
#menu li#contacto {background:url(contacto.jpg) no-repeat;}
#menu li#contacto_sel, #menu li#contacto a:hover {background:url(contacto_sel.jpg) no-repeat;}
#contenido{background:#ffffff url(fondocontainer.jpg) no-repeat top;margin:0;}
#contenido h1, #contenido h2{display:block;
width:600px;
height:25px;
font-size:0px;
text-indent:-1500px;}
#contenido h1.tituloinicio{background:url(titulo_inicio.gif) left no-repeat;margin:25px 0;}
#contenido h2.tituloinicio{background:url(subtitulo_inicio.gif) left no-repeat;margin:25px 0;}
#contenido h1.tituloproducto{background:url(titulo_producto.gif) left no-repeat;margin:25px 0;}
#contenido h2.tituloproducto{background:url(subtitulo_producto.gif) left no-repeat;margin:25px 0;}
#contenido h1.titulogaleria{background:url(titulo_galeria.gif) left no-repeat;margin:25px 0;}
#contenido h2.titulogaleria{background:url(subtitulo_galeria.gif) left no-repeat;margin:25px 0;}
#contenido h1.titulocontacto{background:url(titulo_contacto.gif) left no-repeat;margin:25px 0;}
#contenido h2.titulocontacto{background:url(subtitulo_contacto.gif) left no-repeat;margin:25px 0;}
#contenido h3{margin-left:35px; margin-top:25px;}
#contenido p{margin-left:35px;
font-size:14px;
width:300px;}
#contenido a{color:#444444; text-decoration:none; border-bottom:1px solid #333333;}
#contenido a{color:#444444; text-decoration:none; border-bottom:1px solid #333333;}
#contenido ul{margin-left:58px; font-size:16px; color:#552222; font-style:italic;}
#contenido li{ list-style:url(bullet.jpg) disc outside;
margin-bottom:0.5em; }
#contenido #panelderecho{width:335px; float:right;}
#contenido #panelderecho img{float:left;}
/*#contenido #panelderecho img#foto{margin-top:-235px;}*/
#pie{
width:100%;
height:60px;
background:#552222 url(fondopie.jpg) no-repeat top;
}
#pie p{margin-left:35px;margin-top:25px;font-size:10px;color:#CCCCCC; text-align:center; width:630px;}
#pie a {color:#CCCCCC;}
form#contacto{width:300px;
margin-left:35px;}
.contacto{background:#cccccc;
color:#333333;
border:1px solid #999999;
font-size:14px;}
textarea.contacto, input.contacto{width:250px;}

/*........PANELES..............*/
#panel1, #panel2,#panel3{width:300px;height:130px}
#panel1 ul,#panel2 ul,#panel3 ul{margin:35px 10px 0 13px;padding:0; list-style-type:none;
//margin:25px 10px 0 13px}
#panel1 ul li,#panel2 ul li,#panel3 ul li{margin:0 0 8px 0; padding:0}
#panel1 strong,#panel2 strong,#panel3 strong{font-size:0px; text-indent:-1500px;}
#panel1{background:url(panel1.gif) top no-repeat;}
#panel2{background:url(panel2.gif) top no-repeat;}
#panel3{background:url(panel3.gif) top no-repeat;}

/*........GALERIA..........*/
.divover {	
    background-color:none;
	border:none;} 
.divout {	background-color:none;
	border:none;}
#thumb {width:216px;
height:168px auto;
float:left;
margin:10px 0;	
border:none;}	
#thumb a{border:none; padding:0;margin:0}
#thumb a img{border:none; padding:0;}
.imgthumb {/*position:relative;
top:-158px;
margin-bottom:-150px;*/
}

/*.......ADMINISTRACION...............*/

div#spacerlogin{width:100%;
height:570px;}
div#marcologin{
position:absolute;
top:50%;
left:50%;
margin:-125px 0 0 -125px;
width:250px;
height:150px;
border:1px solid #555555;
}
div#login{margin:4px;
background-color:#443322;
width:100% auto;
height:100% auto;
text-align:center;}
input.servicio{width:470px}
input.tarifa{width:40px;
text-align:right;
padding-right:1em;}
.listalinks{list-style:none;
margin:0}
.listalinks li{
display:inline;
padding:0 0.5em 0 0.5em;
margin-bottom:0.5em;
border-left:1px dotted #c79810; }