/* 
    Document   : principal
    Created on : 14-dic-2010, 18:03:24
    Author     : fernando
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
body {
    background: #EEE;/* url('./Imagenes/IMAG0033_1.jpg') no-repeat fixed center;
	
	/*background-color: #EDE;*/z-index: 0;
}

a:link {color:#0000FF;}
a:visited {color: #0000FF;}

#menu_horiz {
   
    position:absolute;
	z-index: 25;
	top:6.3em;
    left:0em;
    width: 100%;
	height:1.4em;
    margin:0;    
    padding:0;   
    background-color: #863;
	font-family: "Trebuchet MS";
}

#menu_horiz a {    
    text-decoration: none;
    font-weight: bold;
	font-size: 0.9em;
}

#menu_horiz a:link {color:#AAA;}
#menu_horiz a:visited {color: #AAA;}

#menu_horiz #nivel_0 {    
    
	list-style-type: none;    
    background-color: #863;
}

#nivel_0 {
    position:absolute;
	top:-1em;
	left:14.2em;
	width: 40em;
	padding: 0em 1em 0em 3em;}

#nivel_0 ul li{    
    padding: 0 0em 0 0em;}


#nivel_0 li {
    position: relative;
    width:9em;
    padding: 0 0 0 0;
}

#menu_horiz #nivel_0>li {
    display: inline;        
    margin-right: 1.8em;
    /*border-right-style: solid;
    border-right-width: thin;
    border-right-color: #FFA;*/	
}

#nivel_0>li>ul {
    position: absolute;
    left:-2.5em;/*-41px*/
    top:22px;
    text-align: left;
	margin-right:0;
}

#nivel_0 ul {
    display: none;
    list-style-type: none;
    position:absolute;
    left:9em; /* Para que no monte sobre el <li> 30px*/
    top:-1px;
    
}
#nivel_0 ul>li {
    border-bottom-style: solid;
    border-bottom-width:thin;
    border-bottom-color:#AAA;
	background-color: #A83;
	border-radius: 10px;
	padding:0 0 0 1em;
}

#menu_horiz #nivel_0 li:hover > ul {
   display:block;
}

#contenedor {    
    z-index: 1;
    position:absolute;
    left: 5em;
    width: 75em;
    /*height:45em;*/ 
    /*background-color: #FFA;*/    
    font-family: 'Times New Roman', serif;
    font-size: 1em;	
}
#cabecera {
    z-index: 2;
    position:absolute;
    top:0;
    left:0.5em;
    width:65em;
    padding:0;
    margin:0;    
    text-align: left;
}

#cabecera h1 {    
    color:#863;
    margin:.0em;
    font-size: 1.8em;
    font-weight: bold;
	font-family: "Trebuchet MS";
}
#cabecera h2 {
    color:#863;
    margin:0em;
    font-size: 1.5em;
    font-style: italic;
	font-family: "Trebuchet MS";
}
#iconos a{
	text-decoration: none;
	font-weight:bold;
	
}
#iconos>a>img {
	position:absolute;
	border:none;
	top: 4.2em;

}

.selech {
   background-color: #A83;
}

.selech a:link {color:#444;}
.selech a:visited {color:#444;}



#menu {
    z-index: 20;
    position:absolute;
    top:8.8em;
    left:-2.5em;
    width: 14.3em;
    height:34em;
    margin:0;
    padding:0 0.1em 0em 0.1em;
    /*background-color: #A83;*/
    overflow: auto;
	font-size:0.8em;
	font-family:"Trebuchet MS";
	
}

#menu ul li{
    list-style-type: none;
    padding: 1em 0.01em 1em 1em;
    border-bottom-style: solid;
    border-bottom-color: #888;
	background-color: #CCC;
	border-radius: 15px;
	

}


#menu a:link {color:#863;}
#menu a:visited {color: #863;}

#menu a {
	text-decoration: none;
}
.selecv  a {    
    font-weight: bold;
}

.selecv {
   background-color: #863;   
}
.selecv>a:link {color:#A83;}
.selecv>a:visited {color:#A83;}

#contenido {
    z-index: 3;
    position:absolute;
    top:6.6em;
    left:11em;
    /*height: 38em;*/
	min-height:30em;
    width: 63em;
    margin:0;    
    padding:0;
    /*background-color: #CCC;*/
    color:#863;
    /*overflow: auto;*/
	padding:0em 0.5em 0.5em 0em;
	font-family: "Trebuchet MS";
}

#validadores {
    z-index: 10;
    position:absolute;
    top:36em;
    left:0.5em;    
    margin:0;
    padding:0 0.1em 0em 0.1em;
}

#validadores #sitioweb>a:link {color:#863;}
#validadores #sitioweb>a:visited {color: #863;}

#validadores>#sitioweb a {
	text-decoration: none;
	background-color:#CCC;
	font-size:0.8em;
	font-family:"Trebuchet MS";
	font-weight:bold;
}

#validadores>a>img {	
	border:none;
}

#titular {
	position:absolute;
    top:1.2em;
	left:1em;
	width: 59em;
    height: 3em;    
    text-align: justify;	
	padding:0em 0.5em 0.5em 0em;	
	}

#titular h1 {
	font-size:1.6em;
}

#productos {
	position:absolute;
	color:#666;
	top: 4.2em;
	left:21em;
	width:38em;	
	text-align: center;
}

#colinf {
	position:absolute;
	top: 300px;
	width:36em;	
	text-align: center;
}

#colinf h3 {
	background-color: #CCC;
	border-radius:25px;
	padding: 0.5em 0.5em 0.5em 0.5em;
}
#colinf li {
	background-color: #CCC;
	padding: 0.5em 0.5em 0.5em 0.5em;
	border-radius:25px;
	list-style-type: none;
	border-bottom-style: solid;
    border-bottom-width:thin;
    border-bottom-color:#AAA;
	font-size:0.9em;
}


#col1, #col2, #col3 {
	position:absolute;
	color:#666;
	top: 4.2em;
	width:19em;	
	text-align: center;
}

#col1 p, #col2 p, #col3 p,#col1 h3, #col2 h3, #col3 h3 ,#col1 li, #col2 li, #col3 li {
	background-color: #CCC;
	padding: 0.5em 0.5em 0.5em 0.5em;
	border-radius:25px;
	list-style-type: none;
	
}

#col1 li, #col2 li, #col3 li {
	border-bottom-style: solid;
    border-bottom-width:thin;
    border-bottom-color:#AAA;
	font-size:0.9em;
}

 
#col1 h3>a:link {color:#863;} #col2 h3>a:link {color:#863;} #col3 h3>a:link {color:#863;}
#col1 h3>a:visited {color:#863;} #col2 h3>a:visited {color:#863;} #col3 h3>a:visited {color:#863;}  

#col1 p>a:link {color:#863;} #col2 p>a:link {color:#863;} #col3 p>a:link {color:#863;}
#col1 p>a:visited {color:#863;} #col2 p>a:visited {color:#863;} #col3 p>a:visited {color:#863;}

#col1 p a, #col2 p a, #col3 p a,#col1 h3 a, #col2 h3 a, #col3 h3 a{
	text-decoration: none;	
	border:none;
	font-weight:bold;
}

#col1 {	
	left:1em;	
}
#col2{
	left:21em;	
}
#col3{
	left:41em;	
}


#col11, #col12{
	position:absolute;
	color:#666;
	top: 4.2em;
	width:27em;	
	text-align: center;
}
#col11 p, #col12 p,#col11 h3, #col12 h3 {
	background-color: #CCC;
	padding: 0.5em 0.5em 0.5em 0.5em;
	border-radius:25px;
}

#col11 p>a:link {color:#863;} #col12 p>a:link {color:#863;} 
#col11 p>a:visited {color:#863;} #col12 p>a:visited {color:#863;}

#col11 p a, #col12 p a, #col11 h3 a, #col12 h3 a{
	text-decoration: none;	
	border:none;
	font-weight:bold;
}

#col11 {	
	left:1em;	
}
#col12{
	left:30em;	
}

#col0 {
	position:absolute;	
	top: 4.2em;
	width:60em;		
	left:1em;	
} 




.fondo p , .fondo form{
	background-color: #CCC;
}


.par{
	background-color: #888;
	font-weight: bold;
}

.impar{
	background-color: #222;
	font-weight: bold;
}
thead{
	background-color: #A83;
}
.segunda, .tercera {
	text-align: center;
	font-weight: bold;
}