/**  Copyright (c) 2009 Akeibo Software. Todos los Derechos Reservados.
 *          _          _ _
 *         | |        (_) |           
 *     ____| | __ ___ __| |__   ___
 *    / _  | |/ / _  )| | '_ \ / _ \ 
 *   ( ( | |   / (/ / | | |_) | (_) )
 *    \_||_|_|\_\____)|_|_.__/ \___/ 
 *
 *   http://www.akeibo.com
 *
 *   TÉRMINOS DE LA LICENCIA DE ESTE SOFTWARE:
 *   Este código se distribuye bajo los términos de la licencia de Software
 *   de Akeibo Software [1] con la esperanza de que le sea de utilidad,
 *   pero SIN GARANTÍA ALGUNA; aún sin la garantía expresa o implícita de
 *   la COMERCIALIZACIÓN o del AJUSTE A UN PROPÓSITO PARTICULAR.
 *
 *   [1] http://www.akeibo.com/legal/licencia.html
 *
 ****************************************************************************
 *
 *  dozono.css
 *  Creado por Jesús Flores Cruz el 2009-02-12.
**/

body{
   margin:0px; padding:0px;text-align:center;
   font-family: "Helvetica Neue",Helvetica,Arial,Verdana;            
}
#container
{
   margin:0px auto;
   width:1024px;
}
#header
{
   background: #ffffff url(/images/top.png) no-repeat center; 
   height:157px; 
}
#content
{ 
   position:relative;
   background: url(/images/content.png) no-repeat;;
   height:598px;
   clear:both;
   text-align:left;
}
  
#header h1{
   display:none;
}

#footer{ 
   position:relative;
   margin:0;padding:0 0 10px 0;
   background: url(/images/footer.png) repeat-y;
   color: white;
   font-size:12px;
   clear:both;
}

#footer a:link{
    color:#629892;
}

span.url{
    font-size:16px;
    font-weight:bold;
    letter-spacing:1px;
}

/* menu navegacion */ 

#nav {
    margin-left:114px;
    position:absolute;
    font-size: 16px;
    letter-spacing:2px;
    width:800px;
    display:block;
    z-index:20;
}

#nav ul {
    margin: 0;
    padding:0;
    border-width: 0 1px;
}
#nav li {
    float: left;
    position: relative;
    list-style: none;
    margin: 0;
    width:198px;
    line-height: 1.5em;
    background: #23645D url(/images/botones.png) 95% 50% no-repeat;
  }

#nav li:hover {
    background: #91B7B2;
}

#nav li.submenu {
    background: url(/images/botones.png) 95% 50% no-repeat;
}
#nav li.submenu:hover {
    background-color: #91B7B2;
    }
#nav li a {
    display: block; padding: 0.25em 0 0.25em 0.5em;
    text-decoration: none; width: 6.8em; color:white;
}
#nav>ul a {width: auto;}
#nav ul ul {position: absolute; width: 8em; display: none;}
#nav ul ul li {border-bottom: 1px solid #91B7B2;}
#nav li.submenu li.submenu {background: #91B7B2 url(/images/bg-submenu.png) 95% 50% no-repeat;}
#nav li.submenu li.submenu:hover {background-color: #91B7B2;}
#nav li.submenu li.submenu:hover {background-color: #91B7B2;}
#nav ul.level1 li.submenu:hover ul.level2, 
#nav ul.level2 li.submenu:hover ul.level3 {background-color: #23645D; display:block; font-size:14px;text-align:left;}
#nav ul.level2 {top: 32px; left: 0px;}
#nav ul.level3 {top: -1px; left: 7em; border-top: 1px solid #91B7B2;}
.divide {
    border-right:1px solid #91B7B2;
}


/* Columna izquiera */

#anchototal {
    margin:0;
    padding:0;
    float:left;
    margin:80px 0 0 160px;
    width:698px;
    height:500px;
    background-color:white;
    overflow:auto;  
}

#anchototal img{
	width:682px;
}

#anchototal p{
	font-size: 18px;
	color:#629892;
    background-color:white;
    margin:30px 0 0 0;
    padding:20px 0 0 20px;
    border-top:10px solid #629892;
}

#colizq {
    float:left;
    margin:80px 0 0 160px;
    width:231px;
    height:500px;
    background-color:#629892;
}

#colizq-burbuja {
    position:absolute;
    top:50px;
    left:350px;
    width:120px;
    height:115px;
    background: url(/images/sabiasque.png);
}
#colizq-burbuja span {
    display:none;
}


#colizq-top {
    width:231px;
    height:54px;
    background: url(/images/colizq-nubes.png) no-repeat;
}
#colizq-txtsabiasque{
    width:215px;
    height:60px;
    background-color: #0078B0;
    color:#AAD2E5;
    text-align:left;
    font-size:14px;
    padding:8px;
    line-height: 20px;
}
#colizq-h1{
    font: italic normal bold 22px/32px Arial, sans-serif;
    background-color:#629892;
    color:white;
    padding:5px;
}

#colizq-banner{
    width:231px;
    height:140px;
    background: url(images/banner-colizq-portada.png) no-repeat;
}
#colizq-txtcontenido{
    width:215px;
    height:110px;
    background-color: #0078B0;
    color:#AAD2E5;
    text-align:justify;
    padding:8px;
    font-size: 14px;
    line-height: 20px;
}

#colizq-fondo{
    width:231px;
    height:60px;
    background: url(/images/colizq-fondo.png) no-repeat;
} 

/* Columna derecha */
#colder{
    float:right;
    margin:80px 150px 0 0;
    width:335px;
    height:500px;
}

#colder-top{
    width:335px;
    height:79px;
    background: url(/images/colder-top.png) no-repeat;
}
#colder-h1{
    width:315px;
    height:59px;
    background: url(/images/colder-h1.png) no-repeat;
    font: italic normal bold 20px/32px Arial, sans-serif;
    color: white;
    padding:0 20px 0 0;
    text-align:right;
    letter-spacing:1px;
}
#colder-txtcontenido{
    width:299px;
    height:280px;
    background-color: #0078B0;
    color:#AAD2E5;
    text-align:justify;
    font-size:14px;
    padding:18px 18px 8px 18px;        
    line-height: 18px;
  }

#scrollit{
  width:294px;
  padding-right:20px;
  height: 250px;
  overflow:auto;  
}
#colder-fondo{
    background: url(/images/colder-fondo.png) no-repeat;
    width:335px;
    height:58px;
}

/* Estilos de uso general */

span.dozono {
  font-style:italic;
  font-weight:bold;
  color:white;
}

p.negrita{
  font-weight:bold;
}

p.direccion{
  font-size: 15px;
  font-weight:bold;
  text-align: center;
  color:white;
  letter-spacing:1px;
}


a:link, link:active, a:visited{
    color:white;
    text-decoration:none;
}
a:hover{
    text-decoration: underline;
    color:orange;
}