/* AVANTIC_DIV 15-NOV-2005 */
/* Victor M. Duran */
/* COLORES */
/* Naranja: F90 */
/* Azul-imagenes: 39F */
/* Gris-texto: 666 */
/* Gris-bordes: CCC */
/* Blanco-fondos: FFF */

/*******************************/
/***        GENERAL SETTINGS         ***/
/*******************************/

* {
   font-family: "Trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
}

	/* Fix a silly bug in Mozilla */




html { 
    min-width: 800px;
}

img, div { 
    display: block;
    border: 0;
}
.hide, .alt {
    display: none;
}
.spacer {
    border: 0;
    margin: 0;
    padding: 0;
    clear: both;
    background: transparent;
	line-height: 1px;
}

.ruler {
    margin: 0 5px;
    border-top: 2px solid;
    padding: 0;
    clear: both;
    color: #CCC;
    background: transparent;
}

    /* general settings*/

body {
     margin: 0;
     padding: 0;
     border: 0;
     text-align: center;
     font-size: 12px;
     background-color: #FFF;
}

p, td, li, ul, ol, h1, h2, h3, h4, h5, h6, pre  {
     margin: 0;
     padding: 0;  
     word-spacing: 0.1em;
     color: #666;
     background-color: transparent;
}

p, td, li, pre  {
     line-height: 1.2em;
     text-align: justify;
}

h1, h2, h3, h4, h5, h6 {
     /*font: 1em Georgia, "New Century Schoolbook", Times, serif; */
     line-height: 1.1em;
}

li {
    list-style: square;
}

a:link, a:visited {
    text-decoration: none;
    font-weight: bold;
    color: #666;
}
a:hover, a:active {
    text-decoration: underline;
    font-weight: bold;
    color: #666;
}

.sombra_imagen img {
   padding: 0 5px 5px 0;
   background: transparent url(images/sombra_imagen.gif) bottom right no-repeat;
}


/*******************************/
/***        TOP OF THE PAGE           ***/
/*******************************/


#wrapper {
    margin: 0 auto;
    padding: 0;
    border: 0;
    width: 900px;
    text-align: left;
/*    background-color: #FFF;*/
    background: #FFF url(images/cecoten_agua.jpg) top left repeat-y;
}

#header {
    margin: 0;
    border: 0;
    height: 125px;
    width: 900px;
    background: #FFF url(images/banner2.jpg) top left no-repeat;
}

#quick-links {
   float: right;
   text-align: right;
   height: 16px;
}

#quick-links a img{
   display: inline;
   margin: 4px 5px 0 5px;
   border: 0;
}

#headwrap  {
  float: left;
  cursor: pointer;
  background: transparent;
}

/*******************************/
/***        Main Navigation              ***/
/*******************************/

#mainnav {
  color: #666;
  background-color: #F90;
  text-align: left;
}

#mainnav ul {
    float: right;
}


#mainnav li {
    display: block;
    float: left;
    margin: 0;
    border: 0;
    padding: 4px 20px 0 20px;
    line-height: 1.2em;
}

#mainnav li.mn1, #mainnav li.mn1-act {
    border-left: 0;
}

#mainnav li.mn, #mainnav li.mn-act {
    border-left: 1px solid #FFF;
}

#mainnav a {
    font-size: 12px;
    letter-spacing: 0.1em;
    font-weight: bold;
    text-decoration: none;
}
#mainnav a:hover,
#mainnav a:active {
    text-decoration: underline;
    color: #FFF;
}

#mainnav .mn1-act a,
#mainnav .mn-act a{
    text-decoration: underline;
    color: #FFF;
}

/***********************/
/*      MENU IZDA            */
/**********************/
#menu-izda {
   margin-top: 5px;
   margin-bottom: 5px;
   padding-left: 5px;
   padding-bottom: 270px;
   background: #FFF url(images/fondo_menu_izda.jpg) bottom left no-repeat;
}
#inicio #menu-izda {
   background: #FFF url(images/izda_informacion.jpg) bottom left no-repeat;
}
#empresa #menu-izda {
   background: #FFF url(images/izda_inicio.jpg) bottom left no-repeat;
}
#equipo #menu-izda {
   background: #FFF url(images/izda_equipo.jpg) bottom left no-repeat;
}
#instalaciones #menu-izda {
   background: #FFF url(images/izda_instalaciones.jpg) bottom left no-repeat;
}
#informacion #menu-izda {
   background: #FFF url(images/izda_informacion.jpg) bottom left no-repeat;
}
#clientes #menu-izda {
   background: #FFF url(images/izda_clientes.jpg) bottom left no-repeat;
}
#empleo #menu-izda {
   background: #FFF url(images/izda_empleo.jpg) bottom left no-repeat;
}




.menu-izda1 a:link,
.menu-izda1 a:visited,
.menu-izda1 a:active,
.menu-izda1 a:hover {
   font-size: 1.2em;
   line-height: 1.5em;
   font-weight: normal;
}
.menu-izda1-act {
   border-bottom: 2px solid #F90;
}
.menu-izda1-act a{
   font-size: 1.2em;
   line-height: 1.1em;
   font-weight: bold;
}

.menu-izda2 {
   padding-left: 10px;
}
.menu-izda2 a:link,
.menu-izda2 a:visited,
.menu-izda2 a:active,
.menu-izda2 a:hover{
   font-size: 0.9em;
   font-weight: normal;
}

.menu-izda2-act {
   padding-left: 10px;
   background-color: #DDD;
}
.menu-izda2-act a{
   font-size: 0.9em;
   font-weight: bold;
}

#sidebar a {
    text-decoration: none;
}
#sidebar a:hover,
#sidebar a:active {
    text-decoration: underline;
    color: #F90;
}


/**********************/
/*  Main-Container            */
/**********************/

div#main-container {
    float: left;
    background: transparent url(images/fondo_main_container.gif) bottom right no-repeat;
}


/*  Main > S I D E B A R */


div#sidebar {
    width: 170px;
    margin: 0;
    border: 0;
    padding: 0 15px 0 15px;
    float: left;
    background-color: transparent;
    min-height: 400px;
}
/* div#sidebar a:link, 
div#sidebar a:visited, 
div#sidebar a:hover, 
div#sidebar a:active {
    margin: 0;
    border: 0;
    padding: 0;
    display: block;
    font-variant: small-caps;
    padding-left: 5px;
    color: #666;
    background: transparent;
    font-size: 1em;
    font-weight: normal;
    line-height: 2.5em;
} 
div#sidebar a:hover {
    text-decoration: none;
    background-color: #CCC;
    border-left: 4px solid #F90;
    padding-left: 1px;
} */

/*  Content */

div#content {
    margin: 0;
    border: 0;
    padding: 0;
    width: 500px;
    float: left;
    overflow: hidden;
}

div#content h3 {                  
  margin: 0;
  border: 0;
  padding: 10px 0 0 0;  
  text-align: left;
  color: #F90;
  background-color: transparent;
}

div#content h3#title {                  /*used for section title*/
  padding: 0;  
  text-align: right;
  color: #CCC;
  background-color: transparent;
}


div#content h4 {                  /*used for path-menu*/
}

div#secondary-content div#nav2links h3 {
  padding: 0 0 0 20px;  
  background: transparent url(images/fleche.gif) left no-repeat;
}


div#content .csc-header, 
div#content .AVANTIC .csc-header {   /*used for sub-title*/
  margin: 0.5em 0 0.5em 0;
  border: 0px;
  border-bottom: 1px;
  border-bottom-style: dotted;
  padding: 0 0 5px 40px;  
  color: #666;
  background: transparent url(images/wall.gif) left no-repeat;
}
div#content p {
  margin: 0;
  padding: 0 0 10px 10px;  
  font-size: 1em;
  background-color: transparent;
}

img.img-text-wrap {
   margin: 0;
   border: 0;
   padding: 0 0 6px 0;
   background: transparent url(images/fondo_imgtext.jpg) bottom repeat-x;
}

div#content ul {
    margin: 0 0 0 60px;  
    border: 0;
    padding: 0 0 10px 0;
    background-color: transparent;
}


div#content li {
    margin: 0;
    border: 0;
    padding: 0 0 0 5px;
    list-style: square outside;
    marker-offset: 5px;
}

div.border-right {
    margin: 0 4px 0 0;
    border: 0;
    border-left: 1px solid #666;  
    padding: 4px;
    position: relative;
    width: 30%;    
    background-color: transparent;
}


/***************************/
/** SECONDARY CONTENT        **/ 
/***************************/

#secondary-content {
    margin: 0;
    border: 0;
    border-right: 1px solid #F90;
    padding: 15px;
    float: left;
    width: 169px;
    min-height: 400px;
}

#secondary-content h1 {
    padding: 0 5px;
    margin: 4px 0 8px 0;
}

#secondary-content h2.header {
  padding: 0 5px;
  margin: 4px 0 4px 0;
  background: #fff url(images/bg_head.gif) top left repeat-y;
}

#secondary-content h3 {
  margin: 0;
  border: 0;
  padding: 10px 0 0 0;  
  background-color: transparent;
}

#secondary-content p.bodytext  {
    text-decoration: none;
}


img.thumnail {
   margin: 0 4px 10px 0;
   border: 2px solid #F90;
   padding: 0;
   float: left;
   clear: left; /*evita que se amontonen las imagenes*/
}

#secondary-content ul  {
   margin: 0;
   padding: 0;
   padding-left: 20px;
}

#secondary-content li  {
  margin: 1em 0 1em 5px;
  padding-left: 15px;
  font-family: "Trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
  font-size: 1em;
  list-style: none;
  background: transparent url(images/cecoten.gif) left no-repeat;
  color: #666
}

#secondary-content a  {
   text-decoration: none;
}

#secondary-content DIV.csc-header csc-header-n2 {}
#secondary-content DIV.csc-header csc-header-n2 {}
#secondary-content DIV.csc-header csc-header-n2 {}

#secondary-content input {
   width: 100px;
}


/***************************/
/** FOOTER                            **/ 
/***************************/

#footer {
    border: 0;
    border-top: solid 1px #F90;
    margin: 0;
    padding: 0;
    width: 900px;
    float: right;
    text-align: right;
    background-color: #FFF;
}

#footer p#footer-first-line {
   margin: 20px 20px 0 0;
}
#footer p#footer-legal  {
   margin: 0 20px 0 0;

}



/***************************/
/** TYPOGRAPHY                    **/
/***************************/

div#mainnav {
    font-family: Georgia, "New Century Schoolbook", Times, serif;

}

div#mainnav .mn1{
    font-size: 1em;
    font-weight: normal;
}
div#mainnav .mn2{
    font-size: 0.9em;
    font-weight: normal;
}
div#mainnav .mn1-act,
div#mainnav .mn2-act {
    font-weight: bold;
}

body div#content {
}

div#content h3 {   /*used for section title*/
  font-size: 6em;
  font-weight: bold;
  font-style: normal;
  line-height: 0.8em;
}

div#content div.csc-textpicHeader h1{
   font-size: 1.8em;
   margin: 4px 8px;
}
div#content .bodytext b {
   font-size: 0.9374em;
}

div#secondary-content p,
div#secondary-content td,
div#secondary-content li,
div#secondary-content pre {
  text-align: left;
}

div#secondary-content div#nav2links h3 {
  font-size: 1.5em;
  font-weight: normal;
  line-height: 1em;
}

div#content h4 {   /*used for path-menu*/
  font-size: x-small;
  font-weight: normal;
}
div#content .csc-header h1{   /*used for sub-title*/
  font-weight: normal;
  font-size: 1.9em;
}
div#content p {
  font-size: 1.2em;
  line-height: 1.35em;
}

div#content li {
    line-height: 1.5em;
}

div.border-right {
    font-style: italic;
    line-height: 1.5em;
}

#secondary-content h1 {
  padding-left: 15px;
  font-size: 1.6em;
}

#secondary-content h2 {
  padding-left: 15px;
  font-size: 1.3em;
}

#secondary-content h3 {
  font-family: "Trebuchet MS", "Verdana", "Arial", "Helvetica", sans-serif;
  font-size: 1em;
  text-align: left;
  color: #F90;
}

#secondary-content p.bodytext  {
  font-weight: normal;
  font-size: 0.9em;
  line-height: 1.3em;
}



p#footer-first-line {
    font-family: Georgia, "New Century Schoolbook", Times, serif;
    font-size: x-small;
    letter-spacing: 0.2em;
}
p#footer-legal,
p#footer-legal * {
    font-family: Georgia, "New Century Schoolbook", Times, serif;
    font-size: x-small;
}


/********************/
/** Especiales             **/
/********************/
#content p.csc-caption {
    margin: 0;
    border-top: 1px dotted #666;
    padding: 0;
    text-align: center;
    font-style: italic;
    font-size: 0.8em;
    /*font-size: x-small;*/

}
#content .csc-menu {
    margin-bottom: 20px;
}
#content p.csc-section {
    margin-left: 40px;
    border:0;
    padding: 0;
    text-align: left;
    font-size: 1em;

}
#content p.csc-section a {
    font-weight: normal;
}

#content .csc-sitemap-level3 {
    font-size: 0.95em;
}

/***********/
/** TABLES **/
/***********/

.contenttable {
   margin: 8px auto 15px auto;
   text-align: center;
   border-collapse: collapse;
}
.tr-odd td {
   background-color: #FFD9B4;
}
.tr-even td {
   background-color: #FFF;
}
.tr-0 {
   font-weight: bold;
   background-color: #f90;
}
.tr-0 td {
   padding: 4px 4px 0 4px;

}
.contenttable {
   border: 2px solid #f90;
}

#inicioflash #content #flash {
   position:relative;
   width:650px;
   height:350px;
   z-index:1;
   left: -70px;
   top: -80px;
   visibility: visible;
}
#inicioflash #content .bodytext {
   position: relative;
   top: -70px;
}

.hidden {
   display: none;
}

#informacion #content h1#title {
   margin: 0 0 15px 0;
}
#informacion #content .csc-menu-1 p {
   font-size: 1.35em;
   line-height: 1.7em;
   padding: 0 0 8px 45px;
   background: transparent url(images/ico_documento.gif) no-repeat 5px 4px;
}


#visitavirtual #secondary-content {
   display: none;
}
#visitavirtual #content {
   width: 699px;
}