@charset "utf-8";
/* CSS del portal de Educacion Ambiental - Version 0.1 Paolo Grimaldi 30 Abril 2008 */

body{
text-align:center;
font-family: Georgia,Arial,Verdana,Helvetica,sans-serif;

}

#index
{
margin-top:0px;
padding:0px 0px 0px 0px;
text-align:center;
background-image:url(images/fondo.jpg);
background-repeat:no-repeat;
background-position:top center;  
    background-color:#1d3a6b;
	margin-top:0px;

}
/******************************
* Navegacion Superior
******************************/
#topmenu
{
width:700px;
height:54px;
margin-left:auto;
margin-right:auto;
background-image:url(images/menubg.gif);
background-repeat:repeat-x;
margin-top:0px;
}


#navcontainer
{
margin-top:0px;
height:53px;
width:386px;
margin-left:auto;
margin-right:auto;
}

#navcontainer ul {margin:0; padding:0; list-style-type:none;}

#navcontainer li {float:left;list-style-image:none;}


#navcontainer a
{
display: block;
width:96px;
height:52px;
text-decoration: none;
margin: 0px;
border-top:0;
border-bottom:0;
font-size:13px;
font-weight:bold;
overflow:hidden;
}

#navcontainer a#item1 {background:url(images/but1.gif) 0 0 no-repeat;}
#navcontainer a#item2 {background:url(images/but2.gif) 0 0 no-repeat;}
#navcontainer a#item3 {background:url(images/but3.gif) 0 0 no-repeat;}
#navcontainer a#item4 {background:url(images/but5.gif) 0 0 no-repeat; width:98px;}


#navcontainer a#item1:hover,#navcontainer a#item1.active {background:url(images/but1.gif) 0 0 no-repeat;background-position: 0 -53px;}
#navcontainer a#item2:hover,#navcontainer a#item2.active {background:url(images/but2.gif) 0 0 no-repeat;background-position: 0 -53px;}
#navcontainer a#item3:hover,#navcontainer a#item3.active {background:url(images/but3.gif) 0 0 no-repeat;background-position: 0 -53px;}
#navcontainer a#item5:hover,#navcontainer a#item4.active {background:url(images/but5.gif) 0 0 no-repeat;background-position: 0 -53px; width:98px;}



/******************************
* TLinks
******************************/
a:link{
color:#9B9B9B;
background-color:transparent;
text-decoration: none;
font-weight: normal;
}
a:visited{
color:#708090;
background-color:transparent;
text-decoration: none;
font-weight: normal;
}
a:active{
color:#000000;
background-color:transparent;
font-weight: normal;
}
a:hover{
color:#990100;
text-decoration: underline;
font-weight: normal;
}
/******************************
* Estructura
******************************/

#contenedor
{
width:703px;
height:700px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
border-color:#CCCCCC;
border-width:2px;
border-style:solid;
border-top-width:0px;
background-color:#FFFFFF;
}

#middiv
{
	width:703px;
	height:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

#top
{
width:689px;
height:218px;
margin-left:auto;
margin-right:auto;
background-image:url(images/top.jpg);
background-repeat:no-repeat;
text-align:left;
padding-left:20px;

}
.texttop
{
font-size:12px;
color:#999999;
padding-top:145px;
height:73px;
width:350px;
text-align:left;
margin-left:0px;
margin-right:0px;
}

#footer
{
width:703px;
height:128px;
background-image:url(../../imagenes/footer.jpg);
background-repeat:no-repeat;
}

#contprincipal
{
width:702px;
margin-right:auto;
margin-left:auto;
height:516px;

}

.contimgperiodico
{
width:180px;
height:175px;
float:left;
margin-left:25px;
cursor:pointer;
padding-top:15px;
text-align:center;
color:#666666;
font-size:12px;
}

.contimgperiodico:hover
{
border-color:#CCCCCC;
border-width:1px;
border-style:dashed;
background-color:#EBEBEB;
}

.contvidperiodico
{
width:180px;
height:180px;
float:left;
margin-left:15px;
cursor:pointer;
padding-top:3px;
text-align:center;
color:#666666;
font-size:12px;
}

.vidhover
{
width:180px;
height:180px;
float:left;
margin-left:15px;
cursor:pointer;
padding-top:3px;
border-color:#CCCCCC;
border-width:1px;
border-style:dashed;
background-color:#EBEBEB;
text-align:center;
color:#336600;
font-size:12px;
}

.contvidperiodico:hover
{
border-color:#CCCCCC;
border-width:1px;
border-style:dashed;
background-color:#EBEBEB;
}

.imghover
{
width:180px;
height:175px;
float:left;
margin-left:25px;
cursor:pointer;
padding-top:15px;
border-color:#CCCCCC;
border-width:1px;
border-style:dashed;
background-color:#EBEBEB;
text-align:center;
color:#336600;
font-size:12px;
}
/******************************
* Headers
******************************/
h1,h2,h3{
font-weight: normal;
font-family:georgia,arial,verdana,helvetica,sans-serif;
color:#818181;
}
h1{

font-size:120%;
padding-top:0px;
color:#4F4F4F;
}
h2{
margin:0px 30px 0px 35px;
padding-top: 10px;
font-size:125%;
}
#sidebar h2{
margin:0px 20px 0px 33px;
padding: 0px;
font-size:115%;
}
h3{

color:#4A5254;
padding:0 0 0 0;
font-size:105%;
}
h4{
margin:10px 30px 0px 35px;
color:#4A5254;
padding:0 0 0 0;
font-size:80%;
}

/******************************
* Mas Texto
******************************/
p{
margin:0px 35px 15px 35px;
line-height:175%;
color:#5F5F5F;
font-size:75%;
}

.descvid
{
font-size:9px;
}

/******************************
* Imagenes
******************************/
/* imagenes alineadas a la izquierda con borden en evento hover */
.imgborder{
border:1px solid #E7E7E7;
padding:20px;
margin:30px 0px 0px 0px;
background-color:#FFFFFF;
}
a:hover .imgborder{
border:1px solid #800000;
}



/******************************
* Formularios
******************************/
.fieldset{
margin:0;
padding:0 0 5px 35px;
border:0;
text-align:left;
font-size:75%;
font-weight: normal;
color:#505050;
}
.input{
background:transparent;
width:320px;
border:1px #CACACA solid;
color:#6A6A6A;
font-size:11px;
padding:2px;
margin: 2px 0 2px 0;
}
.button{
background:#990100;
color:#FFFFFF;
border:1px solid #CACACA;
font-size:12px;
padding:5px;
margin:0;
}
.textarea{
font-family: arial,verdana,Georgia,sans-serif; 
font-size: 9pt; 
color: #5B5B5B;
height: 127px; 
width: 320px; 
background:#FFFFFF;
border:1px #CACACA solid;
padding:2px;
}

/******************************
* Listas
******************************/
.simplelist{
padding:0px 35px 15px 55px;
margin:0;
line-height:165%;
font-size:75%;
text-align: left;
color:#5F5F5F;
}
.imgborder2{
border:1px solid #F0F0F0;
padding:10px;
margin:10px 0px 0px 0px;
background-color:#FFFFFF;
}

/******************************
* Pagina videos
******************************/
#contenedorvideo
{
	width:320px;
	height:300px;
	margin:10px;
	float:left;
}
#infovideo
{
float:left;
width:300px;
height:300px;
margin:10px;
}



/******************************
* Termina CSS!
******************************/