@charset "utf-8";
/*
Hoja de estilo principal; Di Foto
Salida: Pantalla
Autor: Sergionoriega.com
Febrero 2009
--------------------------------------*/

img {
border: none;
}
body {
margin: 0;
text-align: center;
font: 75% Verdana, sans-serif;
line-height: 1.5em;
color: #333;
background: #f2f2f2;
}
#lazo {
width: 980px;
margin: 0 auto;
text-align: left;
background: #fff;
border-left: 1px solid #c9c9c9;
border-right: 1px solid #c9c9c9;
border-bottom: 1px solid #c9c9c9;
overflow: hidden;
}
a {
text-decoration: none;
color: #c01;
}
a:hover {
color: #533;
}

/* Tipográficos
----------------------------------------------------------------------*/
h1 {
float: left;
margin: 20px 0 0 20px;
width: 190px;
text-indent: -2000px;
}
h1 a {
display: block;
margin: 0;
height: 43px !important;
border: none;
background: url(../img/logo.gif) no-repeat;
}
h2 {
width: 100%;
display: block;
font: normal 2.16em Verdana, sans-serif;
text-transform: uppercase;
color: #fff;
background: #c21;
padding: 20px 0 3px 180px;
margin: 0;
}
h3 {
font-size: 1.5em;
font-weight: normal;
line-height: 1.2em;
color: #333;
background: url(../img/bullet-h3.gif) left .3em no-repeat;
margin: 1.5em 0 .25em -55px;
padding: 0 0 .275em 55px;
border-bottom: 2px solid #c21;
}
h4 {
font-size: 1em;
color: #333;
margin: 0 0 .25em 0;
}
p {
margin: 0 0 1.5em 0;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
ul, li {
text-align: left;
}

/* Encabezado
----------------------------------------------------------------------*/
#encabezado {
width: 100%;
overflow: hidden;
background: url(../img/eslogan.gif) 230px 19px no-repeat;
}
.logoprint {
display: none;
}
.skip a, .skip a:hover, .skip a:visited {
position: absolute;
left: 0px;
top: -500px;
width: 1px;
height: 1px;
overflow: hidden;
}
.skip a:active, .skip a:focus {
position: static;
width: auto;
height: auto;
}
#nav {
float: right;
margin-right: 2px;
}
#nav a {
color: #855;
}
#nav a:hover {
color: #c21;
}
#nav li {
float: left;
padding: 5px 18px 14px 18px;
margin-top: 55px;
border-left: 1px solid #ddd;
text-transform: capitalize;
}
#nav li.actual {
background: #d12;
color: #fff;
}
#nav li.actual a {
color: #fff;
}
.eslogan {
width: 100%;
display: block;
font: italic 1.5em Verdana, sans-serif;
color: #422;
background: #e32;
padding: 3px 0 10px 180px;
margin: 0;
}

/* Head secciones
----------------------------------------------------------------------*/
#pleca {
width: 980px;
height: 210px !important;
border-bottom: 15px solid #edd;
}
#inicio #pleca {
height: 275PX !important;
background: #d12 url(../img/head-inicio.gif) left top no-repeat;
}
#impresion #pleca {
background: #d12 url(../img/head-impresion.gif) left top no-repeat;
}
#foto #pleca {
background: #d12 url(../img/head-foto.gif) left top no-repeat;
}
#servicios #pleca {
background: #d12 url(../img/head-servicios.gif) left top no-repeat;
}
#contacto #pleca {
background: #d12 url(../img/head-contacto.gif) left top no-repeat;
}
#empresa #pleca {
background: #d12 url(../img/head-empresa.gif) left top no-repeat;
}
#pleca h2 {
width: 140px;
line-height: 1.1em;
float: left;
display: inline;
padding: 0;
margin-right: 10px;
background: none;
}
#pleca #presenta {
padding: 20px 0 0 20px;
}
/*#pleca p {
width: 380px;
float: left;
font-size: 1.33em;
font-style: italic;
font-weight: bold;
line-height: 1.5em;
margin-left: 10px;
padding: .15em 0 0 10px;
color: #fff;
border-left: 2px solid #d88;
}*/

/* Contenidos
----------------------------------------------------------------------*/
.ruta {
font-size: .91em;
margin-left: 180px;
color: #988;
}
#contenidos {
width: 100%;
padding-top: 10px;
background: url(../img/bg-garigol-01.gif) right top no-repeat;
overflow: hidden;
}
#textos {
width: 460px;
float: left;
margin-left: 180px;
}
#textos .foto {
margin: .5em 0;
}
#textos ul {
margin-bottom: 1.5em;
padding: .75em 0 0 0;
}
#textos li {
margin: .25em 20px 0 20px;
padding: 0 0 0 10px;
color: #555;
background: url(../img/bullet-submenus.gif) left .5em no-repeat;
}
#textos ul ul {
padding-top: 0;
}
.pie {
font-size: .916em;
color: #666;
border-bottom: 1px solid #ddd;
padding-bottom: .265em;
}
.imprime {
color: #fff;
font-size: 1.166em;
font-weight: bold;
margin: 0 20px .275em 17px;
}
.imprime a {
color: #fff;
display: block;
}
.imprime a:hover {
color: #000;
}
#lista-prod li {
margin: .5em 0 1em 0;
padding-left: 0;
background: none;
border-bottom: 1px solid #ddd;
}
#lista-prod h4 {
font-size: 1.33em;
color: #666;
}
#portafolios #textos p {
font-size: .93em;
padding: 5px 5px 0 5px;
color: #666;
}

/* Contenidos Secciones
----------------------------------------------------------------------*/
#impresion #contenidos, #foto #contenidos {
background: none;
}
#impresion #textos, #foto #textos {
width: 680px;
margin-left: 20px;
}
#impresion #auxiliar, #foto #auxiliar {
margin-top: 0;
}
#servicios #textos {
width: 940px;
margin-left: 45px;
}
#intro {
color: #644;
width: 640px;
margin: 10px 0 0 25px;
overflow: hidden;
}
.tit-intro {
font-size: 1.4em;
font-style: normal;
text-indent: -2000px;
overflow: hidden;
height: 18px !important;
margin-bottom: 0;
}
#impresion .tit-intro {
background: url(../img/intro-impresion.gif) left top no-repeat;
}
#foto .tit-intro {
background: url(../img/intro-foto.gif) left top no-repeat;
}
#productos {
width: 100%;
margin: 1.5em 0 1.5em 0;
overflow: hidden;
}
#productos ul {
margin-bottom:0;
}
#productos li {
margin-left: 0px;
padding-bottom: .25em;
border-bottom: 1px solid #ddd;
font-size: .916em;
}
#productos li.last {
border-bottom: none;
}
#productos h4 {
width: 200px;
color: #666;
font-size: 1.5em;
line-height: 1.2em;
margin: 0 0 1em 0;
height: 40px !important;
text-indent: -2000px;
overflow: hidden;
}
#impresion #productos {
margin-left: 25px;
}
#impresion #productos1 h4 {
background: url(../img/tit-formatos-impresion.gif) right top no-repeat;
}
#impresion #productos2 h4 {
background: url(../img/tit-servicios-acabado.gif) right top no-repeat;
}
#foto #productos {
background: url(../img/foto-seccion.jpg) 25px top no-repeat;
}
#foto #productos1 h4 {
width: 100%;
background: url(../img/tit-foto-digital.gif) left top no-repeat;
}
#productos1, #productos2 {
width: 300px;
float: left;
}
#productos3 {
width: 300px;
float: right;
}
#productos1 {
margin-right: 38px;
}
#foto-productos {
background: url(../img/foto.jpg);
}
#foto #productos1 {
margin-left:360px;
}
.first {
background: #ccc; 
}
.second {
background: #fff; 
}
#inf {
border-top: 1px solid #ccc;
margin-top: 2em;
padding: 2em 0 1em 0;
}
#impresion #inf {
background: url(../img/mono-disena-impresion.gif) 20px 25px no-repeat;
}
#inf h4 {
color: #666;
font-size: 1.166em;
line-height: 1em;
margin-bottom: 1em;
}
#inf h4, #inf p {
margin-left: 160px;
}
#inf p {
margin-bottom: 0;
}
#inf .pie {
border: none;
margin-top: 0;
}
#contacto iframe {
border: 1px solid #ddd;
margin-bottom: .5em;
}
.blank {
padding-right: 16px;
background: url(../img/bullet-blank.gif) right center no-repeat;
}
#contacto blank {
margin-top: .5em;
}
#contacto #textos em {
font-size: 1.2em;
font-style: normal;
color: #666;
}
#publis {
line-height: 1.5em;
margin: 1em 0 1em 25px;
padding: 1em 0 0 0;
color: #444;
border-top: 1px solid #ddd;
}
#publis p {
padding-bottom: 1em;
margin-bottom: 0;
}
#publis img {
padding-bottom: 1em;
}


/* Contenidos Servicios
----------------------------------------------------------------------*/
#servicios #productos1, #servicios #productos2,
#servicios #productos3 {
width: 240px;
}
#servicios #productos h4 {
height: 20px !important;
margin-bottom: .25em;
}
#servicios #productos1 h4 {
background: url(../img/tit-impresion.gif) right top no-repeat;
}
#servicios #productos2 h4 {
background: url(../img/tit-foto.gif) right top no-repeat;
}
#servicios #productos3 h4 {
background: url(../img/tit-acabado.gif) right top no-repeat;
}
#servicios #productos1, #servicios #productos2 {
border-right: 1px solid #ddd;
}
#servicios #productos1 p, #servicios #productos2 p,
#servicios #productos3 p {
font-size: .93em;
color: #766;
margin: 0;
font-style: italic;
}
#servicios #productos1, #servicios #productos2 {
margin-right: 39px;
padding-right: 40px;
}
#servicios #productos3 {
margin-right: 60px;
}
#servicios #productos li {
margin-right: 0;
}
#servicios #intro {
width: 560px;
float: left;
margin: .75em 0 0 0;
padding: 0;
}
#servicios #caja-aux p {
margin-bottom: .3em;
}
#servicios #textos #caja-aux {
width: 560px;
float: left;
margin: 1.3em 0 .5em 0;
}
#servicios #inf {
clear: both;
width: 940px;
margin: 0 0 0 -25px;
border-top-color: #ddd;
background: url(../img/mono-disena-servicios.gif) 40px 25px no-repeat;
}
#servicios #inf p {
width: 720px;
}

/* Cajas contenidos
----------------------------------------------------------------------*/
#caja-roja {
border: #a21 3px solid;
background: #c21 url(../img/bg-caja-roja.gif) right bottom no-repeat;
margin: .5em 0 2em 0;
}
#caja-gris {
border: #ddd 3px solid;
margin: .5em 0 2em 0;
}
.burbu-pez {
background: #f2f2f2 url(../img/bicho-pez.gif) right bottom no-repeat;
}
.burbu-monster {
background: #f2f2f2 url(../img/bicho-monster.gif) right bottom no-repeat;
}
.burbu-miron {
background: #f2f2f2 url(../img/bicho-miron.gif) right bottom no-repeat;
}
.burbu-pulpo {
background: #f2f2f2 url(../img/bicho-pulpo.gif) right bottom no-repeat;
}
.burbu-musico {
background: #f2f2f2 url(../img/bicho-musico.gif) right bottom no-repeat;
}
#caja-roja b.bt, #caja-roja b.bt b, 
#caja-roja b.bb, #caja-roja b.bb b {
display: block;
height: 8px;
font-size: 1px;
background:url(../img/bg-rounded-rojo.gif) no-repeat;position:relative;
}
#caja-gris b.bt, #caja-gris b.bt b, 
#caja-gris b.bb, #caja-gris b.bb b {
display: block;
height: 8px;
font-size: 1px;
background:url(../img/bg-rounded-gris.gif) no-repeat;position:relative;
}
#caja-roja b.bt, #caja-gris b.bt {top: -3px; left: -3px}
#caja-roja b.bt b, #caja-gris b.bt b {background-position:100% -8px; left: 6px}
#caja-roja b.bb, #caja-gris b.bb {background-position:0 -16px; top:3px; left: -3px}
#caja-roja b.bb b, #caja-gris b.bb b {background-position:100% -24px; left: 6px}
#textos #caja-gris li {
color: #333;
background: url(../img/bullet-caja.gif) left .5em no-repeat;
}
#textos #caja-roja li {
color: #fff;
background: url(../img/bullet-textos-rojo.gif) left .5em no-repeat;
}
#textos #caja-roja li a {
color: #fff;
}
#textos #caja-roja li a:hover {
color: #000;
}
.pie-caja {
font-size: .916em;
margin-left: 20px;
color: #666;
}
#impresion #caja-roja {
margin-left: 25px;
}
#analisis {
visibility: hidden;
}

/* Auxiliares
----------------------------------------------------------------------*/
#auxiliar {
width: 240px;
float: right;
margin: 4em 20px 1em 0;
}
#submenu li {
padding: 7px 0;
border-top: 1px solid #ddd;
color: #ccc;
}
#submenu ul ul li {
margin-left: 20px;
padding: .25em 0 .25em 20px;
border-top: none;
background: url(../img/bullet-submenus.gif) 10px 50% no-repeat;
}
#submenu li.actual {
color: #aaa;
}
#submenu li.actual a {
color: #866;
font-weight: bold;
}
#submenu ul li a {
cursor: pointer;
}
.cerrado {
display: none;
visibility: hidden;
}
.abierto {
display: block;
visibility: visible;
margin: 0 0 -5px 0;
}

/* Cajas auxiliares
----------------------------------------------------------------------*/
#caja-aux {
border: #ddd 1px solid;
margin: .5em 0 2em 0;
}
#textos #caja-aux {
width: 220px;
float: left;
}
#textos #caja-aux.simple {
margin-left: 15px;
}
#caja-aux p {
font-size: .916em;
color: #555;
margin: 0 20px .916em 20px;
}
#caja-aux .mas {
font-size: .916em;
margin-bottom: .916em;
padding-left: 9px;
background: url(../img/bullet-caja.gif) left .53em no-repeat;
}
#caja-aux h4 {
padding: 0 0 0 20px;
margin: .5em 20px .2em 20px;
}
#caja-aux img {
border: 1px solid #ddd;
margin: .5em 0 .5em 20px;
}
.simple {
background: #f2f2f2;
}
.pdf h4 {
background: url(../img/bullet-infos-ask.gif) left .15em no-repeat;
}
.pdf {
background: #f2f2f2 url(../img/mono-pdf.gif) right bottom no-repeat;
}
.pdf .mas {
padding-bottom: 4em;
}
.d-web h4, .simple h4, .estudiante h4 {
background: url(../img/bullet-infos-mas.gif) left .15em no-repeat;
}
.d-web {
background: #f2f2f2 url(../img/mono-miron.gif) right bottom no-repeat;
}
.d-web .mas {
padding-bottom: 5em;
}
.estudiante {
background: #f2f2f2 url(../img/mono-estudiante.gif) right bottom no-repeat;
}
.estudiante .mas {
padding-bottom: 5em;
}
.mas strong {
color: #666;
}
#caja-aux b.bt, #caja-aux b.bt b, 
#caja-aux b.bb, #caja-aux b.bb b {
display: block;
height: 8px;
font-size: 1px;
background: url(../img/bg-caja-gris.gif) no-repeat; position:relative;
}
#caja-aux b.bt {top: -1px; left: -1px}
#caja-aux b.bt b {background-position: 100% -8px; left: 2px}
#caja-aux b.bb {background-position: 0 -16px; top:1px; left: -1px}
#caja-aux b.bb b {background-position: 100% -24px; left: 2px}

/* Footer
----------------------------------------------------------------------*/
#footer {
clear: both;
width: 940px;
font-size: .916em;
color: #555;
margin-left: 20px;
border-top: 1px solid #bbb;
}
#footer ul {
margin: 1.832em 0 0 160px;
overflow: hidden;
}
#footer li {
float: left;
padding: 0 14px 0 0;
margin-right: 14px;
text-transform: capitalize;
border-right: 1px solid #999;
line-height: 1.2em;
}
#footer li#last {
border: none;
}
#footer li.actual {
color: #555;
}
#footer li.actual a {
color: #555;
}
#footer p {
clear: both;
float: left;
margin: 1.2em 0 0 160px;
padding-bottom: 2em;
}

/*Formularios
------------------------------------------------------*/
#fields {
width: 100%;
overflow: hidden;
margin-bottom: 2em;
}
.formularios {
width: 100%;
float: left;
}
#note {
font-weight: bold;
color: #901;
}
#deptos {
margin-top: 3em;
}
.label {
font-size: .95em;
font-weight: bold;
color: #901;
display: block;
line-height: 1.5em;
margin-top: 1em;
}
.datos-txt, textarea {
display: block;
color: #022;
background-color: #fafafa;
border: 1px solid #bbb;
}
.datos-txt {
width : 330px;
margin: 1px 0 .5em 0;
}
textarea {
width: 450px;
font: 1em Verdana, sans-serif;
height: 150px;
}
.checkbox {
margin: 0 5px 0 0;
vertical-align: middle;
}
.formpie {
display: block;
font-size: .95em;
line-height: 1.5em;
color: #444;
margin: .75em 0 1em 0;
}
.button {
padding: 0 1px;
margin: .5em 0 2em 0;
border: 1px solid #900; 
background: #b00;
color: #fff;
cursor: pointer;
}
.notification_ok {
color: #777;
}