html {

}
body {
margin: 0;
margin-bottom: 400px;
font: normal 15px "Trebuchet MS",Tahoma,Helvetica,Verdana,sans-serif;
color: #FFF;
text-decoration: none;
background: url(ima/fdo_chuckypuntocompuntoar.jpg) repeat-x #000;
}

h2 {
margin-bottom: 20px;
font: bold 26px "Trebuchet MS", Arial, Verdana;
text-decoration: none;
color: #666;
}

b {
font-size: 110%;
}

p {

}

/* -------------------------------------*/

#container {
margin: auto;
/*margin-top: 20px;*/
padding: 0;
border: 0;
width: 849px;
background: url(ima/fdo_container.jpg) no-repeat top center transparent;
}

#contenidos {
margin: auto;
padding: 0;
border: 0;
width: 849px;
position: relative;
}

#head {
margin: 0;
padding: 0;
height: 120px;
}

#logo {
margin: 0;
padding: 0;
float: left;
position: relative;
width: 510px;
height: 120;
}

#navegacion {
margin: 0;
padding: 0;
padding-top: 20px;
margin-left: 512px;
position: relative;
}

#navegacion ul {
margin: 0;
margin-left: 20px;
position: relative;
}

#navegacion ul li {
display: inline;
margin: 0 10px;
}


#foot a, #navegacion ul li a:link, a:active, a:visited {
text-decoration: none;
font: normal 12px arial,vedana;
color: #d2d2d2;
}

#foot a:hover, #navegacion ul li a:hover {
text-decoration: underline;
font: normal 12px arial,vedana;
color: #B8DDDF;
}

#columnas {
margin: 0;
padding: 0;
height: 415px;
clear:both;
}

#columnas2 {
height: 150px;
clear:both;
}

#cont_izq_a {
margin: 0;
padding: 0;
padding-top: 120px;
padding-left: 325px;
width: 190px;
float: left;
position: relative;
}

#cont_der_a {
margin: 0;
padding: 0;
padding-top: 120px;
margin-left: 527px;
}

#contenido {
margin: 0;
height: 295px;
overflow: auto;
}

#galeria {
height: 270px;
overflow: auto;
}

#galeria img {
display: block;
border-top: 6px solid;
border-right: 2px solid;
border-bottom: 6px solid;
border-left: 2px solid;
border-color: #336699;
margin-bottom: 4px;
}


#box {
margin: auto;
padding: 0;
border: 0;
width: 770px;
background: url(ima/box_bg.jpg) repeat-y center #FFF;
}

#box_end {
margin: 0;
height: 24px;
background: url(ima/box_inf.jpg) no-repeat bottom center transparent;
}

#box_contenidos {
margin: 0;
padding: 0 20px 20px 20px;
background: url(ima/box_sup.jpg) no-repeat top center transparent;
}

#box_taller {
margin: auto;
padding: 40px 100px 40px 100px;
border: 0;
width: 649px;
position: relative;
color: #000;
text-decoration: none;
text-align: center;
background: url(ima/fdo_taller.jpg) no-repeat top center #C5C5C5;
}

#news, #fotos, #contacto {
margin: auto;
padding: 85px 30px 5px 30px;
border: 0;
width: 789px;
position: relative;
color: #666;
}

#news {
height: 260px;
background: url(ima/news.jpg) no-repeat top center #fff;
}

#fotos {
background: url(ima/fotos.jpg) no-repeat top center #161B21;
margin-top: -345px;
}

#contacto {
background: url(ima/email.jpg) no-repeat top center #fff;
}

#news img {
margin-right: 20px;
margin-bottom: 10px;
border: 1px solid #DCDCDC;
float: left;
}

#distribuidor {

}

#distribuidor img {
float: left;
margin: 20px 7px;
border: 0;
}

#foot {
margin: auto;
padding-top: 4px;
border: 0;
width: 849px;
position: relative;
height: 100px;
text-align: left;
background: url(ima/fdo_foot.jpg) no-repeat top center transparent;
}

#mario {
float: right;
}


#foot #mario, #foot #mario a {
margin-top: 30px;
font: normal 10px Arial, Verdana, Helvetica;
text-decoration: none;
color: #999;
}

/**/

#email, #comment {
background-color: #F4F4F4;
margin: 0;
padding: 5px 5px 20px 50px;
font: bold 12px Verdana, Arial, Helvetica;
color: #00699B;
position: relative;
}

#email input, #comment input, #email textarea, #comment textarea {
border: 2px solid #CCC;
width: 200px;
font: bold 13px Arial, Verdana;
color: #00699B;
}

#email label, #comment label, #email input, #comment input {
display: block;
float: left;
margin: 6px 3px;
padding: 1px 3px;
background-color: #F4F4F4;
color: #444;
position: relative;
}

#email textarea, #comment textarea {
margin: 8px 0;
background-color: #FFF;
}

label {
text-align: right;
width: 175px;
padding-right: 20px;
}

#email br, #comment br {
clear: left;
}

/* miniaturas */
#galeria_box {
width: 100%;
position: relative;
margin: 0;
border: 0;
background-color: #161B21;
height:1%;
}
#galeria_box ul {
margin: 0;
padding-top: 20px;
padding-left: 20px;
position: relative;
}
#galeria_box ul li {
float: left;
padding: 0;
list-style-type: none;
margin: 10px 15px 10px 0;
background: transparent; /*#336699*/
position: relative;
}

.foto_box {
display: table-cell;
text-align: center;
vertical-align: middle;
width: 220px;
height: 220px;
background: transparent;
border: 2px solid #000;/*#BFEEFF*/
position: relative;
}
.foto_box img {
border: 0;
position: relative;
}
.foto_box * {
vertical-align: middle;
position: relative;
}
.foto_box span {
display: inline-block;
height: 100%;
width: 1px;
position: relative;

}
.foto_box_titulo {
position: relative;
padding: 2px 2px 2px 10px;
font-family: Arial, Verdana;
font-size: 12px;
font-weight: bold;
color: #9AA2AB;
width: 212px;
background: transparent;
text-align: center; }/* color: #7DAED7; color: #91692F; background-color: #F1EBD3;*/
* { padding: 0em; margin: 0em; }/* special */

/* */
/*tooltip home*/
.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 200px;
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}
/**/
#logo {
background: transparent;
margin-left: 145px;
width: 440px;
height: 60px;
float: left;
}

#logo a {
display: block;
width: 100%;
height: 100%;
}

#logo h1 {
display: none;
}
/**/

#menuppal {
margin: 0;
padding: 18px 145px 5px 245px;
text-align: center;
}

/**/
#menuUsuario {
margin: 10px;
padding: 0 0 5px 0;
height: 34px;
border-bottom: 1px solid #000;
/*border-bottom: 1px dashed #FFF;*/
font: bold 20px verdana, arial, helvetica;
color: #B7D0DA;
}

/**/
#menuIconos {
float: right;
margin-left: 35px;
padding-top: 4px;
}

#menuIconos img {
margin-left: 19px;
border: 0;
vertical-align: middle;
}

#menuIconos span {
margin: 0 5px 0 0;
font: bold 14px Arial, Verdana, Helvetica;
color: #000;
}


#boxUsuario {
margin: 20px 0 20px 0;
padding: 0 20px 20px 20px;
/*background: url(ima/box_usuario_fdo.png) repeat-y left;*/
background-color: #000;
font: normal 10px arial, helvetica;
color: #D78E2D;
display: block;
height: 300px;
}

/**/