@charset "utf-8";
/* CSS Document */

body {background-color:#E3E4E5;}
h1 {margin:0px; font-size:18px;}
h2 {margin:0px; font-size:14px;}
a img{border:4px solid #CCCCCC;}
a:hover img{border:4px solid #999999;}

#main {}
.box {width:925px;}

#header {}
#logo {width:330px; float:left; padding-left:20px;}
#botonera {width:575px; height:33px; float:right; background-image:url(images/botonera.gif); background-position:left top; background-repeat:no-repeat; padding-top:32px;}

#top {height:auto;}

#contenido {background-image:url(images/sombra.gif); background-repeat:repeat-y; height:auto;}
#info {width:521px; margin-left:39px;}
#disenografico {width:521px; margin-left:39px;}
#disenoweb {width:553px; margin-left:39px;}
#clientes {width:847px; margin-left:39px;}
#contacto {width:480px; margin-left:39px;}

#titulo {padding-bottom:15px;}
#texto {padding-bottom:30px;}
#proyectos {width:521px;}
#proyecto1 {width:252px;}
#proyecto2 {float: right; width:252px; margin-left:17px;}
#epigrafe {padding-top:3px;}
#divisor {height:2px; background-color:#D9DADB; margin-top:6px; margin-bottom:6px;}

#cuadros {padding-right:35px; float:right; width:235px;}
#cuadrocont {background-image:url(images/backcuadros.gif); background-repeat:repeat-y; background-position:left top; height:92px;}
#cuadrotitimg {background-image:url(images/titcuadros.gif); background-repeat:no-repeat; background-position:left top; padding-left:19px;}
#cuadrotit {padding-top:11px; padding-bottom:6px;}
#cuadrotexto {padding-left:3px;}

#servicios_dg {}

#pie {width:925px; height:83px; clear:both; background-image:url(images/pie.gif); background-position:left top;}

/* clases */
.text-11naranja {font-family:Arial; font-size:11px; font-weight:normal; text-decoration:none; color:#FF6E00}
.text-11naranja a {font-family:Arial; font-size:11px; text-decoration:none; color:#FF6E00;}
.text-11negro {font-family:Arial; font-size:11px; font-weight:normal; text-decoration:none; color:#020202; line-height:13px;}
.text-11blanco {font-family:Arial; font-size:11px; font-weight:normal; text-decoration:none; color:#FFFFFF}
.text-11gris {font-family:Arial; font-size:11px; font-weight:normal; text-decoration:none; color:#87888A}
.text-11gris a {font-family:Arial; font-size:11px; font-weight:normal; text-decoration:none; color:#87888A}
.text-11gris a:hover {font-family:Arial; font-size:11px; font-weight:normal; text-decoration:none; color: #333333;}
.text-12gris {font-family:Arial; font-size:12px; font-weight:normal; text-decoration:none; color:#6D6E71; line-height:17px;}
.text-12botonera {font-family:Arial; font-size:12px; font-weight:normal; text-decoration:none; color:#87888A;}
.text-12botonera a {font-family:Arial; font-size:12px; font-weight:normal; text-decoration:none; color:#87888A; font-weight:bold;}
.text-12botonera a:hover {font-family:Arial; font-size:12px; font-weight:normal; text-decoration:none; color:#666666; font-weight:bold;}
.text-14naranja {font-family:Arial; font-size:14px; font-weight:normal; text-decoration:none; color:#FF6E00}
.text-15blanco {font-family:Arial; font-size:15px; font-weight:normal; text-decoration:none; color:#FFFFFF}
.text-18negro {font-family:Arial; font-size:18px; font-weight:normal; text-decoration:none; color:#1A171B}

/* formulario */
.campo01 {width:370px; height:19px; font-family:Arial; font-size:11px; color:#87888A; padding-top:5px;}
.campo02 {width:370px; height:60px; font-family:Arial; font-size:11px; color:#87888A; padding-top:6px;}
.enviar {width:67px; height:28px; font-family:Arial; font-size:12px; background-color:#FF6800; color:#FFFFFF; font-weight:bold; border:0px;}

/* galeria */
#galeria {position:relative; width:576px; padding:0px; border:0px;}
.switch {display:block; color:#fff; width:17px; height:17px; background:#9C9E9F; cursor:pointer; float:right; margin-top:23px; margin-bottom:0px; margin-left:2px; margin-right:2px; text-align:center; font:11px verdana,arial,sans-serif; line-height:18px; font-weight:bold;}
.off {border-color:#000 #ddd #fff #444; background:#FF7A00; color:#fff; font-weight:bold;}
.hide {display:none;}
.show {position:absolute; top:12px; left:0px; display:block; width:410px; z-index:500;}
.show img {float:left; padding:0 10px 29px 0;}
.sinborde {border:none;}
.sinborde a:hover {border:none;}
.clear {clear:both;}