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

#breadcrumbs {
margin-bottom:45px;
font-size:65%;
/*background:#402f28;*/
color: #777777;
font-weight:bold;
/*background:#777777;*/
}
#breadcrumbs a:link, #breadcrumbs a:visited{
padding:0px 4px;
text-decoration:underline;
color: #777777;
}
#breadcrumbs a:hover{
color: #aaaaaa;
}
#breadcrumbs .breadselected {
font-style:italic;
text-decoration: none;
padding:0px 2px;
}
#secheader {
height:95px;
margin-left: auto;
margin-right: auto;
text-align:center;
width: 790px;
background:#000; 
}
#seclogo {
float:left;
display:inline;
margin-top:28px;
margin-left:30px;
}
#secrotulo {
float:left;
display:inline;
height:95px;
width: 657px;
background: url(../images/bg-menusec.jpg) no-repeat;
}
#secrotulo img {
margin-top:40px;
margin-right:30px;
}
#wrapmenu2 {
float:left;
display:inline;
height:95px;
width: 657px;
background: url(../images/bg-menu.jpg) no-repeat;
}
#wrapmenu2 #mainmenu {
margin-left: auto;
margin-right: auto;
text-align:center;
width: 80%;
margin-top: 38px;
}
#encabezado{
font-weight:bold;
background: #3d2b23;
padding:5px;
}
#encabezado h1 {
color:#e78638;
padding:2px 3px;
border-width: 0px 0px 2px; 
border-color:#e78638;
border-style: dotted;
}
#contensecond {
text-align:center;
margin-left:auto;
margin-right:auto;
width:93%;
border: #3d2b23 7px double;
padding:0px 5px 0px 15px;
}
#contensecond div {
text-align:left;
}
.contactar {
padding:3px 8px;
background: #372923;
border:#543e35 2px solid;
}

/* ---------------- LOGIN -------*/
#login {
margin-left: auto;
margin-right: auto;
text-align:center;
height:540px;
background: url(../images/puerta2.jpg) no-repeat bottom;
}
#login #mainmenu img{
padding-right:30px;
}
#logincentral {
margin-bottom:20px;
margin-left: auto;
margin-right: auto;
text-align:center;
width: 760px;
position:relative;
}
#logincentral #incorrecto {
position:absolute;
top:15px;
left:130px;
color:#CCCCCC;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
#logincentral form {
text-align:left;
color:#e9602d;
font-family:"Courier New", Courier, monospace;
font-size:16px;
/*background-color:#523d2b;*/
position:absolute;
top:65px;
left:130px;
}
#logincentral form .txtcentrado {
margin-left: 85px;
}
#logincentral .text{
width:140px;
padding-left:2px;
}
#logincentral form label {
font-weight:bold;
}
/*  ---------------- -SobreNosotros ------------*/
#sobrenosotros{
}
#mainmenu .sobrenosotrossel {
width:144px;
height:35px;
padding-right:16px;
background:url(../images/boton-sobreNosotros-sel.jpg) no-repeat;
}
#sobrenosmain {
margin-top:15px;
position:relative;
font-size:16px;
background: #402f28;
padding:25px 40px;
border: #352721 3px solid;
}
#sobrenosmain a{
}
#fotomain {
position:relative;
width: 295px;
height: 240px;
float:left;
display:inline;
background: url(../images/bgfotonosotros.gif) repeat-y;
}
#fotomain img {
position:absolute;
bottom:0px;
left:0px;
}
#sobrenosmain #contenmain {
position:relative;
width:500px;
float:right;
display:inline;
}
/*------- -Servicios  ----------*/
#servicios{

}
#mainmenu .serviciossel {
width:96px;
height:35px;
padding-right:16px;
background:url(../images/boton-servicios-sel.jpg) no-repeat;
}
#serviciosmain{
margin-top:15px;
position:relative;
font-size:16px;
background: #402f28;
padding:25px 40px;
border: #352721 3px solid;
}
#wapperservicios {
text-align:center;
margin:auto;
width:90%;
border: #3d2b23 7px double;
padding:15px;
position:relative;
}
#diseno {
position:relative;
height:137px;
background:#382620 url(../images/bg-diseno.gif) repeat-x top left;
width:715px;
margin:auto;
text-align:left;
}
#diseno .content {
float:left;
display:inline;
width:500px;
padding: 15px 0px 0px 15px;
background:#382620 url(../images/bg-diseno.gif) repeat-x top left;
}
#diseno .content h2 {
width: 206px;
height: 27px;
position:relative;
}
#diseno .content span {
background:  url(../images/h2-diseno.jpg) no-repeat;
height: 100%;
width:100%;
position:absolute;
}
#diseno .content p {
color:#b8a89c;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 14px;
padding: 5px 5px 0px 5px;
}
#diseno .logos {
width:200px;
height:137px;
float:right;
display:inline;
background: url(../images/bg-logosdiseno.gif) repeat-x;
margin:auto;
text-align:center;
}
#diseno .logos .row1 {
padding: 27px 0px 10px 0px;
}
#programacion {
position:relative;
height:110px;
background: #402f28 url(../images/bg-programac.gif) repeat-x top left;
width:715px;
margin:auto;
text-align:left;
}
#programacion .content {
float:left;
display:inline;
width:500px;
padding: 7px 0px 0px 15px;
background: #402f28 url(../images/bg-programac.gif) repeat-x top left;
}
#programacion .content h2 {
width: 171px;
height: 23px;
position:relative;
}
#programacion .content span {
background: url(../images/h2-programacion.jpg) no-repeat;
height: 100%;
width:100%;
position:absolute;
}
#programacion .content p {
color:#b8a89c;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 14px;
padding: 3px 20px 0px 5px;
}
#programacion .logos {
width:200px;
height:110px;
float:right;
display:inline;
background: url(../images/bg-logosprog.gif) repeat-x top left;
margin:auto;
text-align:center;
}
#programacion .logos .row1{
padding: 15px 0px 5px 10px;
}

#multimedia {
position:relative;
height: 110px;
background:#4b3830 url(../images/bg-multimedia.gif) repeat-x top left;
width:715px;
margin:auto;
text-align:left;
}
#multimedia .content {
float:left;
display:inline;
width:500px;
padding: 15px 0px 0px 15px;
background:#4b3830 url(../images/bg-multimedia.gif) repeat-x top left;
}
#multimedia .content h2 {
width: 166px;
height: 24px;
position:relative;
}
#multimedia .content span {
background: url(../images/h2-multimedia.jpg) no-repeat;
height: 100%;
width:100%;
position:absolute;
}
#multimedia .content p {
color:#b8a89c;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 14px;
padding: 5px 20px 0px 5px;
}
#multimedia .logos {
width:200px;
height:110px;
float:right;
display:inline;
background: url(../images/bg-logosmultim.gif) repeat-x top left;
margin:auto;
text-align:center;
}
#multimedia .logos .row1 {
padding: 30px 0px 0px 0px;
}
/*------- -Portafolio  ----------*/
#portafolio{
}
#mainmenu .portafoliosel{
width:108px;
height:35px;
padding-right:16px;
background:url(../images/boton-portafolio-sel.jpg) no-repeat;
}
#portafoliomain{
margin-top:15px;
font-size:16px;
background: #402f28;
padding:25px 40px;
border: #352721 3px solid;
}
.h3 {
display:block;
clear:both;
margin-bottom:15px;
}
div .catalogoweb {
text-align:center;
margin-left:auto;
margin-right:auto;
width:715px;
height:112px;
background: url(../images/bgportafolio.gif) no-repeat;
}
div .catalogoweb .items{
text-align:center;
margin-left:auto;
margin-right:auto;
padding-top:12px;
width:85%;
}
div .catalogoweb .items img {
padding:0px 10px;
}
/*------- -Contacto  ----------*/
#contacto{

}
#mainmenu .contactosel {
width:95px;
height:35px;
padding-right:16px;
background:url(../images/boton-contacto-sel.jpg) no-repeat;
}
#contactomain {
margin-top:15px;
font-size:16px;
background: #402f28;
padding:25px 40px 40px 40px;
border: #352721 3px solid;
}
#contactomain #contenmain {

}
#contactoform {
margin-left:auto;
margin-right:auto;
text-align:center;
width:70%;
border:#e78638 solid 2px;
margin-top:30px;
background:#362822;
}
#contentform {
margin-left:auto;
margin-right:auto;
margin-top:15px;
margin-bottom:15px;
text-align:left;
width:85%;

padding-left:40px;
}
#contactoform p {
clear:both;
float:none;
display:block;
font-size:16px;
padding:5px 0px;
height:18px;
}
#contactoform p label {
display:block;
float:left;
text-align:left;
width:100px;
font-weight:bold;
}
#contactoform p input {
float:left;
width:250px;
height:18px;
padding-left:2px;
}
#contactoform p textarea {
float:left;
padding-left:2px;
}
#contactoform .submit {
text-align:center;
padding:10px 0px 35px 0px;
}
#contactoform p .listselect{
width:250px;
}
#contactoform p .requerido{
padding-left:8px;
}
#contactoform .clear {
font-size:70%;
}
#datoscontacto {
width:300px;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-top:40px;

font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
#datoscontacto a{
color:#bfafa3;
}
#contactoform .screenReader{
 /*honeycaptcha*/
left:-9999px;
position:absolute;
top:-9999px;
}
/***** respuestacontacto_ ****/

/***** DisenoWeb_ ****/
#disenoweb {
}
#disenowebmain {
margin-top:15px;
font-size:16px;
background: #402f28;
padding:25px 40px 40px 40px;
border: #352721 3px solid;
}
#disenowebmain #contensecond {
text-align:center;
margin-left:auto;
margin-right:auto;
width:90%;
}
#disenowebmain #contensecond div {
text-align:left;
}
#disenowebmain .otrosservicios ul{
margin-left:80px;
}
#disenowebmain .otrosservicios li{
font-size:90%;
background: url(../images/bullet1.gif) no-repeat 0 bottom;
padding-left:25px;
}
/******* Multimedia_ **********/
#multimediamain {
margin-top:15px;
font-size:16px;
background: #402f28;
padding:25px 40px 40px 40px;
border: #352721 3px solid;
}
#multimediamain #contenmain {
font-weight:bold;
}
/******* DISEÑOPYME_ **********/
#disenopyme {
margin-top:15px;
font-size:16px;
background: #402f28;
padding:25px 40px 40px 40px;
border: #352721 3px solid;
}
#disenopyme #contenmain {
font-weight:bold;
}
#disenopyme .otrosservicios ul{
margin-left:80px;
}
#disenopyme .otrosservicios li{
font-size:90%;
background: url(../images/bullet1.gif) no-repeat 0 bottom;
padding-left:25px;
}
/**************** aviso-legal**************/
#avisolegal {
}
#avisomain {
margin-top:15px;
position:relative;
font-size:16px;
background: #402f28;
padding:25px 40px;
border: #352721 3px solid;
}
/**************** mapa-sitio**************/
#mapasitio {
}
#mapasitiomain {
margin-top:15px;
position:relative;
font-size:16px;
background: #402f28;
padding:25px 40px;
border: #352721 3px solid;
}
#mapasitiomain #contenmain{
margin-left:auto;
margin-right:auto;
text-align:center;
width:70%;
border:#e78638 solid 2px;
margin-top:15px;
padding:15px 0px;
background:#362822;
}
#pageslist {
text-align:left;
width:70%;
margin-left:100px;
}