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

body{
	background-color:#669933;
	color:#333333;
	line-height:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	letter-spacing:0.6px;
	margin:0pt 1px;
	position:relative;
	text-align:justify;
}

#index
{
margin:10px 0px 0px 0px;
padding:10px 0px 0px 0px;
background-image:url(../images/bg.gif);
background-repeat:repeat;
}
/******************************
* Navegacion Superior
******************************/

#topmenu
{
	margin-top: 0px;
	margin-right:auto;
	margin-left: auto;
	height: 52px;
}

.bluetabs
{
	margin-top:0px;
	margin-left: auto;
	margin-right:auto;
	height: 52px;
}

.bluetabs ul {margin:0; padding:0; list-style-type:none;}

.bluetabs li {float:left;list-style-image:none;}


.bluetabs a
{
display: block;
color:#0033CC;
width:100px;
height:52px;
text-decoration: none;
margin: 0px;
border-top:0;
border-bottom:0;
font-size:13px;
font-weight:bold;
overflow:hidden;
}

.bluetabs a#item0 {background:url(../images/but0.gif) 0 0 no-repeat;}
.bluetabs a#item1 {background:url(../images/but1.gif) 0 0 no-repeat;}
.bluetabs a#item2 {background:url(../images/but2.gif) 0 0 no-repeat;}
.bluetabs a#item3 {background:url(../images/but3.gif) 0 0 no-repeat;}
.bluetabs a#item4 {background:url(../images/but4.gif) 0 0 no-repeat;}
.bluetabs a#item5 {background:url(../images/but5.gif) 0 0 no-repeat;}
.bluetabs a#item6 {background:url(../images/but6.gif) 0 0 no-repeat; width:102px;}
.bluetabs a#item7 {background:url(../images/but7.gif) 0 0 no-repeat;}
.bluetabs a#item8 {background:url(../images/but8.gif) 0 0 no-repeat;}
.bluetabs a#item9 {background:url(../images/but9.gif) 0 0 no-repeat;}
.bluetabs a#item10 {background:url(../images/but10.gif) 0 0 no-repeat;}
.bluetabs a#item11 {background:url(../images/but11.gif) 0 0 no-repeat;}
.bluetabs a#item12 {background:url(../images/but12.gif) 0 0 no-repeat; width:102px;}
.bluetabs a#item13 {background:url(../images/but13.gif) 0 0 no-repeat;}

.bluetabs a#item0:hover,.bluetabs a#item0.active {background:url(../images/but0.gif) 0 0 no-repeat;background-position: 0 -53px;}
.bluetabs a#item1:hover,.bluetabs a#item1.active {background:url(../images/but1.gif) 0 0 no-repeat;background-position: 0 -53px;}
.bluetabs a#item2:hover,.bluetabs a#item2.active {background:url(../images/but2.gif) 0 0 no-repeat;background-position: 0 -53px;}
.bluetabs a#item3:hover,.bluetabs a#item3.active {background:url(../images/but3.gif) 0 0 no-repeat;background-position: 0 -53px;}
.bluetabs a#item4:hover,.bluetabs a#item4.active {background:url(../images/but4.gif) 0 0 no-repeat;background-position: 0 -53px;}
.bluetabs a#item5:hover,.bluetabs a#item5.active {background:url(../images/but5.gif) 0 0 no-repeat;background-position: 0 -53px;}
.bluetabs a#item6:hover,.bluetabs a#item6.active {background:url(../images/but6.gif) 0 0 no-repeat;background-position: 0 -53px; width:102px;}
.bluetabs a#item7:hover,.bluetabs a#item7.active {background:url(../images/but7.gif) 0 0 no-repeat;background-position: 0 -53px;}
.bluetabs a#item8:hover,.bluetabs a#item8.active {background:url(../images/but8.gif) 0 0 no-repeat;background-position: 0 -53px;}
.bluetabs a#item9:hover,.bluetabs a#item9.active {background:url(../images/but9.gif) 0 0 no-repeat;background-position: 0 -53px;}
.bluetabs a#item10:hover,.bluetabs a#item10.active {background:url(../images/but10.gif) 0 0 no-repeat;background-position: 0 -53px;}
.bluetabs a#item11:hover,.bluetabs a#item11.active {background:url(../images/but11.gif) 0 0 no-repeat;background-position: 0 -53px;}
.bluetabs a#item12:hover,.bluetabs a#item12.active {background:url(../images/but12.gif) 0 0 no-repeat;background-position: 0 -53px;	width:102px;}
.bluetabs a#item13:hover,.bluetabs a#item13.active {background:url(../images/but13.gif) 0 0 no-repeat;background-position: 0 -53px;}

.menudiv{
position:absolute;
top: 0;
border: 1px solid #918d8d;
border-width: 0 1px;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 200px;
visibility: hidden;
}


.menudiv a{
width: auto;
display: block;
text-indent: 5px;
border: 0 solid #918d8d;
border-bottom-width: 1px;
padding: 2px 0;
text-decoration: none;
color: black;
}

* html .menudiv a{ /*IE only hack*/
width: 100%;
}

.menudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #edf3f3;
}

#texto
{
	padding: 10px;

}

#menuleft
{
	width: 150px;
	float: left;
	margin-right: 15px;
	list-style-type:none;
	list-style:none;
	background-color:#CCCCCC;
}

#contenido
{
	width: 510px;
	float:left;
}

#contenido h2
{
	font-size:14px;
	color:#006600;
	text-align:left;
}

.galeria
{
margin:5px;
}


/******************************
* TLinks
******************************/
a:link{
color:#336699;
background-color:transparent;
text-decoration: none;
font-weight: normal;
}
a:visited{
color:#336699;
background-color:transparent;
text-decoration: none;
font-weight: normal;
}
a:active{
color:#000000;
background-color:transparent;
font-weight: normal;
}
a:hover{
color:#3300FF;
text-decoration:none;
}
/******************************
* Estructura
******************************/

#contenedor
{
	width:703px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	border-color:#000000;
	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:687px;
	height:180px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/top.jpg);
	background-repeat:no-repeat;
	text-align:left;
	padding-left:20px;
	background-color: ffffff;

}

#contperiodico
{
width:700px;
margin-left:auto;
margin-right:auto;
}

.texttop
{
	font-size:12px;
	color:#999999;
	padding-top:115px;
	height:66px;
	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:1110px;

}

.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{
color:#336699;
}
h1{
text-align:center;
font-size:150%;
padding-top:0px;
}
h2{
text-align:center;
padding-top: 0px;
font-size:140%;
}
#sidebar h2{
margin:0px 20px 0px 33px;
padding: 0px;
font-size:125%;
}
h3{
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%;
}

.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!
******************************/
.izquierdo {
	text-align: left;
}

.centrado 
{
    margin-left:auto;
    margin-right:auto;
}