* {margin:0; padding:0;}

body{
	height:100%;
	}
body {
margin:0;
padding:0;
position:relative;
}
#header	{
	width: 100%;
	min-width: 790px;
	clear:both;
	z-index:0;
	position:relative;
	height: 175px;
	min-height: 175px;

	}
#header img#banner{
	display:none;
        position:absolute;
        top: 30px;
        right:30px;
        }
#header img#logo{
        position: absolute;
        top: 10px;
        left: 20px;
        border: 0px;
        }
#header img#comunidad{
	position: absolute;
	top: 50px;
	left: 200px;
	text-align: center;
	z-index:1;
	}
#header h1,
#header h2 {display:none;}
#header img#titulo{
	display:none;
	position: absolute;
	top: 50px;
	left: 200px;
	text-align: center;
	}
#header h1#titulo {
        position:absolute;
        top:20px;
        left:200px;
        display:inline;
        font-family: Verdana;
        text-transform: capitalize;
        font-size: 35px;
        color: #92bc16;
        margin:0px;
        }      
#header h2#subtitulo {
        position:absolute;
        top:75px;
        left:210px;
        display:inline;
        color: #D8671B;
        font-family:arial;
        letter-spacing: 3px;
        } 
#login {
        position:absolute ;
        top: 115px;
        right: 75px;
        font-family:arial;
        font-weight:bold;
        letter-spacing: 3px;
	z-index:4;
        color:#92bc16;
        }
#login a{
        font-family:arial;
        font-weight:bold;
        color:#92bc16;
        }
#extra{
	position: absolute;
	top: 30px;
	right: 40px;
	width:256px;
	height:175px;
	abackground: transparent url("Images/legos.jpg") no-repeat;
}	
#central_slice
	{
	position:relative;
	width: 100%;
	min-width: 790px;
	min-height: 400px;
  	height: auto !important;
  	height: 400px;
	}
#left_box
	{
	position:relative;
	z-index: 4;
	margin-top: -28px;
	float: left;
	width: 15%;
	min-width: 80px;
	margin-left: 1%;
	padding-bottom: 100px;
	}
	
#right_box
	{
	position:relative;
	margin-top: -100px;	
	float:left;
	width: 80%;
	min-width: 600px;
	padding-bottom: 80px;
	margin-left: 10px;
	z-index:1;
	}
#banner {position:relative;display:none;}
#carpeta
	{
	margin: 10px;
	padding: 5px;
	}	
#textocentral
	{position:relative;
	margin:55px 0 0 0;
	padding: 25px 10px 20px 20px;
	border: 1px solid #92bc16;
	min-height: 300px;
	clear:both;
	background: transparent url("Images/fondogato.jpg") no-repeat bottom right; 
	background-color: white;
	}		
#footer	{
	position: relative;  
	bottom: 8px; left:0px; 
	width: 100%;
	min-width: 790px;
	clear:both;
	}	
#footer a{
        text-decoration:none;
        color:white;
        }
#footer a.mail{
        text-decoration:underline;
        color:white;
        }
#footer p{
	padding-top: 2px;
        color: white;
        text-align:center;
}

#footer img{margin-top:3px;}
#footer_extrawrap {
position:relative;
}

	
/*aqui definimos los backgrounds*/
#wrapper1 {
	min-width: 790px;
	width: 100%;
	height: 100%;
	background: transparent url("Images/verdearayas.gif"); }
#wrapper2 {
	height: 100%;
	background: transparent url("Images/cesped_peq.gif") repeat-x bottom left; 
	}
#wrapper3 {
	position:relative; /* sirve como guia al position absolute del footer*/
  	height: 100%;
 	abackground: transparent url("Images/palacio_agua.jpg") no-repeat bottom left; 
	}



/* estilos de texto*/

h3{
	margin-bottom: 20px;
}
#left_box h3{
	display:none;
	color: white;
	font-family: verdana, arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
}
#carpeta p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	margin:2em;
}



/* =-=-=-=-=-=-=-Aqui definimos las pestanas-=-=-=-=-=-=-=- */
#subtabsI{
	position:absolute;
	z-index:3;
	top: 71px;
        margin: 0 0 0 1px;
	padding: 0px;
}
#subtabsI li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}
#subtabsI ul{
	display: block;
	height:20px;
        margin-right:43px; 
	clear: left;
}
#subtabsI a:link ,
#subtabsI a:visited {
        text-align: center; /*increible pero cierto si pones alineacion de texto hace cosas raras en iexplorer*/
        float: left;
        font-size: 10px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #708491;
}
#subtabsI a:hover,
#subtabsI a#current {
        color: #FFF;
        background:  url(Images/punto_azul.jpg);
        background-color: blue;
       }
#tabsI {
	position: absolute;
	z-index:3;
	top:25px;
        margin: 0;
        padding: 0 0 20px 10px;
        padding: 10px 0 0px 0px;
}

#tabsI li {
	margin:0;
        padding: 0;
        display: inline;
        list-style-type: none;
	background-color: white;
}
#tabsI ul{display: block;height:34px;
        border-bottom:1px solid #9FB1BC;
        margin-right:43px; 

	}

#tabsI a:link, 
#tabsI a:visited {
	text-align: center; /*increible pero cierto si pones alineacion de texto hace cosas raras en iexplorer*/
        float: left;
        font-size: 10px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #708491;
	background-color: white;
	margin-right: 10px;
	border: solid black;
	border-width: 1px 1px 0 1px;
}

#tabsI a:link#current, 
#tabsI a:visited#current{ 
        color: #000;
	background-color: lightblue;
	border:solid grey;
	border-width: 1px 1px 0 1px;
}
#tabsI a:hover {
        color: #000;
        border:solid grey;
        border-width: 1px 1px 0 1px;
}

#tabsI h3, #subtabsI h3{display:none;}





/* emenues izquierda*/
#left_box ul{
	list-style-type: none;
	padding:0;
	margin:0;
	}
#left_box li{
margin:4px;
}	
#left_box li a {
	list-style-type: none;
        height: 30px;
        text-decoration: none;
        margin-left: 15px;
        margin-bottom: 3px;
        font-family: arial;
	line-height: 1.2em;	
        font-family: verdana;
        font-size: 10pt;
        }


#left_box li a:link, #left_box li a:visited {
        color: white;
        font-size: 12px;
        display: block;
        padding: 3px 0px 3px 10px;
	border: 3px solid #bad835;
	-moz-border-radius: 5px;
	border-radius: 5px;
        }

#left_box li a:hover, #left_box li a#current { 
        color: #92bc16;
        background:  url(Images/semiblanco.gif)  ;
        background-color: #bad835;
        padding: 3px 0px 3px 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
       }



#left_box li a:link, #left_box li a:visited{background-color: #92bc16;}


li a.liFirst:link , li a.liFirst:visited {background-color: #E0F6FC;}
li a.liSecond:link , li a.liSecond:visited {background-color: #D5ECF2;}
li a.liThird:link , li a.liThird:visited {background-color: #E0F6FC;}
li a.liFourth:link , li a.liFourth:visited {background-color: #D5ECF2;}
li a.liFifth:link , li a.liFifth:visited {background-color: #E0F6FC;}

li a.liNew:link , li a.liNew:visited {background-color: yellow;}

/* estilos de texto y de textos*/
.nodec {text-decoration: none;
	background-color:blue;}
br.clear{clear:left;}
hr{clear: both;}
form br{clear: both;}
p.alert{
	font-weight:bold;
	}
p.error{
        font-weight:bold;
        color: red;
}

#displayform br{clear: both;}
#cuadroDescargas br{clear: both;}
#cuadroEmpresas br{clear: both;}
h3{
	margin-bottom: 20px;
}
#left_box h3{
	display:none;
	color: white;
	font-family: verdana, arial, sans-serif;
	text-decoration: none;
	text-align: center;
}
#carpeta p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.4em;
	margin:2em;
}
body {	color: #504750;
	font: 12px tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, sans-serif;
	}
h4,h3{letter-spacing: 1px;}

.blink {text-decoration: blink;}
p.noresult{padding: 70px 0 70px 0;}
a.jactiva{color:green;}
a.jfinalizada{color:grey;}
a.jpendiente{color:blue;}


#ayuda{margin:20px;}
#ayuda ul{margin-left: 60px;line-height:1.2em;}
#ayuda p{line-height:1.6em;}
#ayuda h2,h3{margin-top:5px;}