@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:#444444;
color:#444400;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:center;
margin:0;
padding:0;
background-image:url(img/fondobody.jpg);}
#bodytop{background-image:url(img/fondotop.jpg);
background-position:top left;
background-repeat:no-repeat; 
text-align:center;
margin:0;
padding:0;}
#bodybottom{background-image:url(img/fondobottom.jpg);
background-position:bottom right;
background-repeat:no-repeat;
text-align:center;
margin:0;
padding:0;}
#contenedor{margin:4px auto 0 auto;
width:700px;
heigth:auto;
text-align:left;
border:3px solid #eeeeee;}
#encabezado{
width:100%;
height:282px;
background:#ffffff url(img/encabezado.jpg) no-repeat center;}
#logo {}
#menu{background:#666666 url(img/fondomenu.jpg) repeat-x;
width:100%;
height:30px;
}
#menu ul{margin:0;}
#menu li{list-style:none;display:block;width:98px;height:30px;float:left;}
#menu li a {display:block;width:98px;height:30px;font-size:0px;text-indent:-1500px;}
#menu li#inicio {background:url(img/inicio.jpg) no-repeat;}
#menu li#inicio_sel, #menu li#inicio a:hover {background:url(img/inicio_sel.jpg) no-repeat;}
#menu li#producto {background:url(img/producto.jpg) no-repeat;}
#menu li#producto_sel, #menu li#producto a:hover {background:url(img/producto_sel.jpg) no-repeat;}
#menu li#galeria {background:url(img/galeria.jpg) no-repeat;}
#menu li#galeria_sel, #menu li#galeria a:hover {background:url(img/galeria_sel.jpg) no-repeat;}
#menu li#contacto {background:url(img/contacto.jpg) no-repeat;}
#menu li#contacto_sel, #menu li#contacto a:hover {background:url(img/contacto_sel.jpg) no-repeat;}
#contenido{background:#ffffff url(img/fondocontenedor.jpg) no-repeat top right;margin:0;}
#contenido h1, #contenido h2{display:block;
width:600px;
height:25px;
font-size:0px;
text-indent:-1500px;}
#contenido h1.tituloinicio{background:url(img/titulo_inicio.gif) left no-repeat;margin:25px 0;}
#contenido h2.tituloinicio{background:url(img/subtitulo_inicio.gif) left no-repeat;margin:25px 0;}
#contenido h1.tituloproducto{background:url(img/titulo_producto.gif) left no-repeat;margin:25px 0;}
#contenido h2.tituloproducto{background:url(img/subtitulo_producto.gif) left no-repeat;margin:25px 0;}
#contenido h1.titulogaleria{background:url(img/titulo_galeria.gif) left no-repeat;margin:25px 0;}
#contenido h2.titulogaleria{background:url(img/subtitulo_galeria.gif) left no-repeat;margin:25px 0;}
#contenido h1.titulocontacto{background:url(img/titulo_contacto.gif) left no-repeat;margin:25px 0;}
#contenido h2.titulocontacto{background:url(img/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 table{width:630px; margin-left:35px} 
#contenido table caption{font-weight:bold; font-size:16px; margin-bottom:0.5em; border-bottom:1px solid #993333; text-align:left; display:table-caption }
#contenido table th{background-color:#777777; font-size:14px; color:#FFFFFF;writing-mode: tb-rl; filter: flipv fliph; direction:btt; text-align:center}
#contenido table td{background-color:#efefef}
#contenido a{color:#888822; text-decoration:none; border-bottom:1px solid #333333;}
#contenido a{color:#888822; text-decoration:none; border-bottom:1px solid #333333;}
#contenido ul{margin-left:58px; font-size:16px; color:#555522; font-style:italic;}
#contenido li{ list-style:url(bullet.jpg) disc outside;
margin-bottom:0.5em; display:list-item; border-left:none; padding-left:4px; }
#contenido li.lista1{border:none;}
#contenido #panelderecho{width:335px; float:right;}
#contenido #panelderecho img{float:left;}
/*#contenido #panelderecho img#foto{margin-top:-235px;}*/
#pie{
width:100%;
height:60px;
background:#555555 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; }