@charset "utf-8";
/* CSS Document */
img {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:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-align:center;
margin:0;
padding:0;
background-image:url(img/fondobody.jpg);}
.contenedor{margin:0 auto 0 auto;
width:700px;
height:auto;
text-align:left;
}
#encabezado{
width:100%;
height:100px;
background:#4444aa url(img/fondoencabezado.jpg) repeat-x;}
#logo {position:absolute;
width:235px;
height:175px;
top:0px;
left:50%;
margin-left:-315px;}
#menu{background:#222255 url(img/fondomenu.jpg) repeat-x;
width:100%;
height:25px;
}
#menu .contenedor{width:630px;text-align:center;}
#menu ul{margin:0;}
#menu li{list-style:none;display:block;width:98px;height:25px;float:right;}
#menu li a {display:block;width:98px;height:20px;font-size:12px;text-indent:0px; color:#FFFFFF; text-decoration:none;padding-top:5px;}
#menu li a:link, #menu li a:visited, #menu li a:active {background-color:#333366;}
#menu li a:hover,  #menu li#seccion1_sel a,  #menu li#seccion2_sel a,  #menu li#seccion3_sel a,  #menu li#seccion4_sel a,  #menu li#seccion5_sel a{background-color:#663333;}
#menu li#seccion1, #menu li#seccion1_sel, #menu li#seccion2, #menu li#seccion2_sel, #menu li#seccion3, #menu li#seccion3_sel, #menu li#seccion4, #menu li#seccion4_sel, #menu li#seccion5, #menu li#seccion5_sel {background:no-repeat;}
#contenido{background:#ffffaa url(img/fondocontenido.jpg) repeat-x top;margin:0;}
#contenido h1, #contenido h2{display:block;
width:600px;
height:25px;
color:#aaaa77;
padding-left:35px;
/*font-size:0px;
text-indent:-1500px;*/}
#contenido h1.titulo1{background:url(img/titulo_1.gif) left no-repeat;margin:25px 0;}
#contenido h2.titulo1{background:url(img/subtitulo_1.gif) left no-repeat;margin:25px 0;}
#contenido h1.titulo2{background:url(img/titulo_2.gif) left no-repeat;margin:25px 0;}
#contenido h2.titulo2{background:url(img/subtitulo_2.gif) left no-repeat;margin:25px 0;}
#contenido h1.titulo3{background:url(img/titulo_3.gif) left no-repeat;margin:25px 0;}
#contenido h2.titulo3{background:url(img/subtitulo_3.gif) left no-repeat;margin:25px 0;}
#contenido h1.titulo4{background:url(img/titulo_4.gif) left no-repeat;margin:25px 0;}
#contenido h2.titulo4{background:url(img/subtitulo_4.gif) left no-repeat;margin:25px 0;}
#contenido h1.titulo5{background:url(img/titulo_5.gif) left no-repeat;margin:25px 0;}
#contenido h2.titulo5{background:url(img/subtitulo_5.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:#888822; text-decoration:none; border-bottom:1px solid #333333;}
#contenido a{color:#888822; text-decoration:none; border-bottom:1px solid #333333;}
#contenido ul.list {margin-left:50px}

#contenido #panelderecho{width:335px; float:right;}
#contenido #panelderecho img{float:left;}
/*#contenido #panelderecho img#foto{margin-top:-235px;}*/
#contenido #texto{background:url(img/fondotexto.jpg) no-repeat top left; }
#pie{
width:100%;
height:100px;
background:#777744 url(img/fondopie.jpg) repeat-x;}
#pie p{margin-left:35px;margin-top:25px;font-size:10px;color:#CCCCCC; text-align:center; width:630px;}
#pie a {color:#CCCCCC;}

/*........FORMULARIO CONTACTO..............*/
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..............*/
div#contenido div#productos p{width:100%;}
div#productos img {padding:10px;}