/*based on  css Zen Garden submission 191 - 'The Diary', by Alexander Shabuniewicz, http://eye.loveline.ru/ */
/* css Zen Garden submission 191 - 'The Diary', by Alexander Shabuniewicz, http://eye.loveline.ru/ */
/* css released under Creative Commons License - http://creativecommons.org/licenses/by-nc-sa/1.0/  */
/* Added: February 15th, 2006 */
/* Editado otonio 2007*/

body{
font:11px/20px Georgia,"Times New Roman",Times,serif;
color:#432C0C;
background-color:#000;
margin:0;
padding:0
}
h1,h2,h3{
font:12px/16px "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;
margin:0;
padding:0
}
a{
font-size:120%;
color:#7F0200 /* A10B04 / #191970*/
}
a:hover{
color:#877A36; /*#B22222*/
}
a:visited{
color:#7F0200
}
a acronym{
border:none
}
acronym{
cursor:help
}
img{
border:none
}
/* main */
#container{
left:130px;
position:absolute;
width:700px;
z-index:2
}
#containerquick{
background:url("aquaoxido/aqua_fond_qck.jpg") repeat-y;
left:700px;
position:absolute;
width:200px;
margin:104px 0 0 20px;
z-index:2
}
/* intro */
#intro{
padding-bottom:0px;
}
#pageHeader{
background:#000 url("aquaoxido/aqua_top.jpg") no-repeat;
height:189px
}
#pageHeader h1{
background:url("aquaoxido/logotrans.png") no-repeat;
height:100px;
width:268px;
position:relative;
top:85px;
left:25px
}
#pageHeader h1 span{
display:none
}
#pageHeader h2{
width:250px;
/*height:130px;*/
position:absolute;
top:85px;
left:313px
}
#pageHeader h2 span{
font:10px/18px "Trebuchet MS",Arial,Helvetica,sans-serif;
/*color:#000000;*/
}
/*-------------------------- Quick Intro --------------------------*/
#quickSummary{
	background: #000 url("aquaoxido/anio3nro21.gif") no-repeat;
	position:absolute;
	z-index:1;	
}
#quickSummary .p1{
margin:0;
text-align:center;
position:absolute;
top:185px;
width:200px;
}
#quickSummary .p1 span{
display:block;
color:#CECECE;
font:14px/18px "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;
}
#quickSummary .p1 span a{
color:#CCC;
text-decoration:none;
}
#quickSummary .p2 span a:hover{
text-decoration:none;
color:#F6F4E6
}
#quickSummary .p2{
margin:0;
text-align:center;
position:relative;
top:40px;
width:190px;
height:70px;
/*border:5px solid #CECECE;*/
}
#quickSummary .p2 span{
color:#CCC;
font:12px/18px "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;  
}
#quickSummary .p2 span a{
color:#CCC;
text-decoration:none;
}
#quickSummary .p2 a{
color:#CC0000
}
#quickSummary .p2 a:hover{
text-decoration:none;
color:#ccc
}
/*-------------------------- Quick 2 --------------------------*/
#quickSummary2{
}
#quickSummary2 .p0{
position:relative;
top:70px;
left:20px;
}
#quickSummary2 .p1{
margin:0 0 0 0;
}
#quickSummary2 .p1 a{
color:#000000;
font:16px/20px "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;
position:relative;
top:90px;
left:10px;
z-index:1;
}
#quickSummary2 .p2{
margin:0;
background:url("aquaoxido/subrayado_01.jpg") no-repeat;
position:relative;
top:50px;
left:0px;
width:200px;
height:200px;
}
#quickSummary2 .p2 span{
display:block;
padding:75px 25px 20px 15px;
color:#CCC;
font:12px/14px "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;  
}
#quickSummary2 .p2 a{
/*color:#000000;*/
font:18px/20px "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;
position:absolute;
top:120px;
left:570px;
}
#quickSummary2 .p3 a:hover{
text-decoration:none;
color:#ccc
}
/*-------------------------- Quick 3 --------------------------*/
#quickSummary3{
}
#quickSummary3 .p1{
margin:0 0 0 0;
}
#quickSummary3 .p1 a{
color:#000000;
font:16px/20px "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;
position:relative;
top:30px;
left:10px;
z-index:1;
}
#quickSummary3 .p2{
background:url("aquaoxido/subrayado_02.jpg") no-repeat;
margin:0;
/*background-color:#EDC673;*/
position:relative;
width:200px;
height:155px;
}
#quickSummary3 .p2 span{
display:block;
padding:75px 25px 20px 15px;
color:#CCC;
font:12px/14px "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;  
}
/*-------------------------- Quick 4 --------------------------*/
#quickSummary4{
position:relative;
top:10px;
background:url("aquaoxido/subrayado_03.jpg") no-repeat;
}
#quickSummary4 .p0{
margin:0 0 0 0;
}
#quickSummary4 .p0 a{
color:#000000;
font:16px/20px "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;
position:relative;
top:5px;
left:10px;
z-index:1;
}
#quickSummary4 .p1{
margin:60px 0 0 15px;
}
#quickSummary4 .p1 a{
color:#000000;
font:16px/20px "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;
position:relative;
top:40px;
left:10px;
z-index:1;
}
#quickSummary4 .p2{
position:relative;
width:200px;
}
#quickSummary4 .p2 span{
display:block;
padding:0 25px 20px 45px;
color:#CCC;
font:12px/14px "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;  
}
/*-------------------------- Quick 5 --------------------------*/
#quickSummary5{
position:relative;
top:0px;
}
#quickSummary5 .p1{
border:solid #FFF;
}
#quickSummary5 .p1 a{
color:#000000;
font:16px/20px "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;
position:relative;
left:10px;
z-index:1;
}
#quickSummary5 .p2{
background:url("aquaoxido/subrayado_04.jpg") no-repeat;
position:relative;
top:-52px;
width:200px;
height:155px;
}
#quickSummary5 .p2 span{
display:block;
padding:75px 25px 20px 15px;
color:#CCC;
font:12px/14px "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;  
}
/*-------------------------- Quick 6 --------------------------*/
#quickSummary6{
position:relative;
top:-35px;
}
#quickSummary6 .p1{
margin:0 0 0 0;
}
#quickSummary6 .p1 a{
color:#000000;
font:16px/20px "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;
position:relative;
top:35px;
left:10px;
z-index:1;
}
#quickSummary6 .p2{
background:url("aquaoxido/subrayado_05.jpg") no-repeat;
margin:0;
/*background-color:#EDC673;*/
position:relative;
width:200px;
height:155px;
}
#quickSummary6 .p2 span{
display:block;
padding:75px 25px 20px 15px;
color:#CCC;
font:12px/14px "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;  
}
#quickSummary6 .p2 span a{
font-size:90%;
color:#F6F4E6;
text-decoration:none;
}
#quickSummary6 .p2 span a:hover{
color:#CCC;
}
#quickSummary6 .p3{
margin:0;
/*background-color:#EDC673;*/
position:relative;
width:200px;
}
#quickSummary6 .p3 span{
display:block;
padding:0 25px 20px 15px;
color:#CCC;
font:12px/14px "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;  
}
#quickSummary6 .p3 span a{
font-size:90%;
color:#F6F4E6;
text-decoration:none;
}
#quickSummary6 .p3 span a:hover{
color:#CCC;
}

/*-------------------------- Quick 7 --------------------------*/
#quickSummary7{
}
#quickSummary7 .p1{
margin:40px 0 20px 15px;
}
#quickSummary7 .p1 a{
color:#000000;
font:16px/20px "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;
position:relative;
left:10px;
z-index:1;
}
#quickSummary7 .p2{
margin:0;
position:relative;
width:200px;
height:155px;
}
#quickSummary7 .p2 span{
display:block;
padding:75px 25px 20px 45px;
color:#CCC;
font:12px/14px "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;  
}
/*-------------------------- Quick 8 --------------------------*/
#quickSummary8{
}
#quickSummary8 .p1{
margin:0 0 0 0;
}
#quickSummary8 .p1 a{
color:#000000;
font:16px/20px "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;
position:relative;
top:35px;
left:10px;
z-index:1;
}
#quickSummary8 .p2{
background:url("aquaoxido/subrayado_06.jpg") no-repeat;
margin:0;
position:relative;
width:200px;
height:155px;
}
#quickSummary8 .p2 span{
display:block;
padding:75px 25px 20px 15px;
color:#CCC;
font:12px/14px "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;  
}
#quickSummary8 .p2 span a{
font-size:90%;
color:#F6F4E6;
text-decoration:none;
}
#quickSummary8 .p2 span a:hover{
color:#CCC;
}
#quickSummary8 .p3{
margin:0;
/*background-color:#EDC673;*/
position:relative;
width:200px;
}
#quickSummary8 .p3 span{
display:block;
padding:0 25px 20px 15px;
color:#CCC;
font:12px/14px "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;  
}
#quickSummary8 .p3 span a{
font-size:90%;
color:#F6F4E6;
text-decoration:none;
}
#quickSummary8 .p3 span a:hover{
color:#CCC;
}
/*-------------------------- Quick 9 --------------------------*/
#quickSummary9{
}
#quickSummary9 .p1{
margin:0 0 0 0;
}
#quickSummary9 .p1 a{
color:#000000;
font:16px/20px "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;
position:relative;
top:35px;
left:10px;
z-index:1;
}
#quickSummary9 .p2{
background:url("aquaoxido/subrayado_07.jpg") no-repeat;
margin:0px;
position:relative;
width:200px;
}
#quickSummary9 .p2 span{
display:block;
padding:55px 0 20px 15px;
color:#CCC;
font:12px/14px "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;  
}
#quickSummary9 .p2 span a{
font-size:90%;
color:#F6F4E6;
text-decoration:none;
}
#quickSummary9 .p2 span a:hover{
color:#CCC;
}
#quickSummary9 .p3{
position:relative;
top:-30px;
width:200px;
}
#quickSummary9 .p3 span{
display:block;
padding:0 0 20px 15px;
color:#CCC;
font:12px/14px "Trebuchet MS",Arial,Helvetica,sans-serif;
font-weight: bold;  
}
#quickSummary9 .p3 span a{
font-size:100%;
color:#F6F4E6;
text-decoration:none;
}
#quickSummary9 .p3 span a:hover{
color:#CCC;
}
/*-------------------------- Quick Footer--------------------------*/
#quickFooter{
	background:url("aquaoxido/aqua_fond_qck_footer.jpg") no-repeat;
	position:relative;
	top:0px;
	width:200px;
	height:150px;
}

/*------------------------------------- area de contenido principal ----------------------------------------------*/
#supportingText{
background:url("aquaoxido/aqua_fond.jpg") repeat-y;
padding:0px 30px
}
/*---------------------------------------- Columna 1 -------------------------------------------------*/
#div_columna_1{
padding-top:10px;
width:85%;
font:11px/16px "Trebuchet MS",Arial,Helvetica,sans-serif;
padding-bottom:10px;
}
#div_columna_1 h3{
border-bottom:2px dotted #B6AB75;
background:url("aquaoxido/banacuarelas.gif") no-repeat;
position:relative;
left:10px;
height:64px;
width:200px
}
#div_columna_1 h3 span{
position:relative;
top:80px;
left:10px;
}
#div_columna_1 h3 span a{
text-decoration: none;
}
#div_columna_1 .p1{
text-align:left;
margin-top:-64px;
font-size:120%;
font-style:italic;
padding:0px 30px 20px 230px
}
/*---------------------------------------- Columna 2 -------------------------------------------------*/
#div_columna_2{
padding-top:20px;
width:80%;
font:11px/16px "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#div_columna_2 h3{
border-bottom:2px dotted #B6AB75;
background:url("aquaoxido/baninquit.gif") no-repeat;
position:relative;
left:320px;
height:64px;
width:200px
}
#div_columna_2 h3 span{
position:relative;
top:80px;
left:10px;
}
#div_columna_2 h3 span a{
text-decoration: none;
}
#div_columna_2 .p1{
text-align:right;
margin-top:-64px;
font-size:120%;
font-style:italic;
padding:0 210px 20px 10px
}

/*---------------------------------------- Columna 3 -------------------------------------------------*/
#div_columna_3{
padding-top:30px;
height:1%;
width:80%;
font:11px/16px "Trebuchet MS",Arial,Helvetica,sans-serif
}
#div_columna_3 h3{
border-bottom:2px dotted #B6AB75;
background:url("aquaoxido/banlira.gif") no-repeat;
position:relative;
left:10px;
height:64px;
width:200px
}
#div_columna_3 h3 span{
position:relative;
top:80px;
left:10px;
}
#div_columna_3 h3 span a{
text-decoration: none;
}
#div_columna_3 p{
text-align:left;
margin-top:-64px;
font-style:italic;
font-size:120%;
padding:0 10px 80px 220px
}

/*---------------------------------------- Columna 4 -------------------------------------------------*/
#div_columna_4{
height:1%;
width:80%;
font:11px/16px "Trebuchet MS",Arial,Helvetica,sans-serif
}
#div_columna_4 h3{
border-bottom:2px dotted #B6AB75;
background:url("aquaoxido/bannbambal.gif") no-repeat;
position:relative;
left:320px;
height:64px;
width:200px
}
#div_columna_4 h3 span{
position:relative;
top:80px;
left:10px;
font-weight:bold
}
#div_columna_4 h3 span a{
text-decoration: none;
}
#div_columna_4 .p1{
text-align:right;
margin-top:-64px;
font-size:120%;
font-style:italic;
padding:0 210px 20px 10px
}

/*---------------------------------------- Columna 5 -------------------------------------------------*/
#div_columna_5{
font:11px/16px "Trebuchet MS",Arial,Helvetica,sans-serif;
background:url("aquaoxido/fondocinema.gif") no-repeat top;
position:relative;
top:30px;
padding-bottom:30px;
width:85%;
}
#div_columna_5 h3{
border-top:2px dotted #B6AB75;
position:relative;
left:50px;
height:240px;
width:274px
}
#div_columna_5 h3 span{
position:relative;
top:80px;
left:10px;
font-weight:bold
}
#div_columna_5 h3 span a{
text-decoration: none;
}
#div_columna_5 .p1{
/*border-top:2px dotted #B6AB75;*/
text-align:left;
margin-top:-74px;
font-size:120%;
font-style:italic;
padding:10px 180px 20px 10px
}
/*---------------------------------------- Columna 6 -------------------------------------------------*/
#div_columna_6{
padding-top:60px;
width:80%;
font:11px/16px "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#div_columna_6 h3{
border-bottom:2px dotted #B6AB75;
background:url("aquaoxido/bannmousike.gif") no-repeat;
position:relative;
left:10px;
height:64px;
width:200px
}
#div_columna_6 h3 span{
position:relative;
left:10px;
top:80px;
}
#div_columna_6 h3 span a{
text-decoration: none;
}
#div_columna_6 p{
text-align:left;
margin-top:-64px;
font-size:120%;
font-style:italic;
padding:0 10px 35px 220px
}

/*---------------------------------------- Columna 7 -------------------------------------------------*/
#div_columna_7{
padding-top:30px;
width:80%;
font:11px/16px "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#div_columna_7 h3{
border-bottom:2px dotted #B6AB75;
background:url("aquaoxido/banotrassent.gif") no-repeat;
position:relative;
left:320px;
height:64px;
width:200px
}
#div_columna_7 h3 span{
position:relative;
top:80px;
left:10px;
font-weight:bold
}
#div_columna_7 h3 span a{
text-decoration: none;
}
#div_columna_7 .p1{
text-align:right;
margin-top:-64px;
font-size:120%;
font-style:italic;
padding:0 210px 20px 10px
}

/*---------------------------------------- Columna 8 -------------------------------------------------*/
#div_columna_8{
padding-top:50px;
height:1%;
width:80%;
font:11px/16px "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#div_columna_8 h3{
background:url("aquaoxido/bantranc.gif") no-repeat;
border-bottom:2px dotted #B6AB75;
position:relative;
left:10px;
height:64px;
width:200px
}
#div_columna_8 h3 span{
position:relative;
left:10px;
top:80px;
}
#div_columna_8 h3 span a{
text-decoration: none;
}
#div_columna_8 p{
text-align:left;
margin-top:-64px;
font-size:120%;
font-style:italic;
padding:0 10px 35px 220px
}

/*---------------------------------------- Columna 9 -------------------------------------------------*/
#div_columna_9{
padding-top:20px;
padding-bottom:70px;
width:80%;
font:12px/16px "Trebuchet MS",Arial,Helvetica,sans-serif;
}
#div_columna_9 h3{
border-bottom:2px dotted #B6AB75;
background:url("aquaoxido/bannvac.gif") no-repeat;
position:relative;
left:320px;
height:64px;
width:200px
}
#div_columna_9 h3 span{
position:relative;
top:80px;
left:10px;
font-weight:bold
}
#div_columna_9 h3 span a{
text-decoration: none;
}
#div_columna_9 .p1{
text-align:right;
margin-top:-64px;
font-size:120%;
font-style:italic;
padding:0 210px 20px 10px
}
/*---------------------------------------- Columna 10-------------------------------------------------*/
#div_columna_10{
font:11px/16px "Trebuchet MS",Arial,Helvetica,sans-serif;
background:url("aquaoxido/banhistograf.gif") no-repeat top;
border-top:2px dotted #B6AB75;
position:relative;
left:30px;
padding-bottom:30px;
width:75%;
}
#div_columna_10 h3{
position:relative;
left:60px;
height:240px;
width:274px
}
#div_columna_10 h3 span{
position:relative;
top:90px;
left:10px;
font-weight:bold
}
#div_columna_10 h3 span a{
text-decoration: none;
}
#div_columna_10 .p1{
/*border-top:2px dotted #B6AB75;*/
text-align:left;
margin-top:-54px;
font-size:120%;
font-style:italic;
padding:0px 180px 20px 40px
}

/*---------------------------------------- Fin Columnas Permanentes -------------------------------------------------*/

#footer{
background:url("aquaoxido/fnd_footer.jpg") center no-repeat;
height:160px;
width:600px;
text-align:center
}
#footer a{
background:#C6B87A;
font-size:100%;
color:#F6F4E6;
text-decoration:none;
font-weight:bold;
border:2px dotted #F6F4E6;
padding:5px;
position:relative;
}
#footer a:hover{
color:#7F0200
}
#footer .p1{
position:relative;
top:-10px;
padding:0px;
}
#footer .p1 a{
background:transparent;
border:0px;
}
#footer .p1 a:hover{
border:none;
}
#footer2{
background:url("aquaoxido/calamar.jpg") center no-repeat;
width:600px;
height:200px;
/*align:center*/
}
/* notes */
#linkList{
border:1px solid #fffcf1;
font-size:120%;
font-style:italic;
position:absolute;
width:300px;
bottom:70px;
left:80px
}
#linkList h3.select{
width:142px;
height:29px;
position:relative;
left:8px;
top:8px
}
#linkList h3.select span{
display:none
}
#linkList h3.archives{
width:74px;
height:25px;
background:url("archives.png") no-repeat;
position:relative;
left:8px
}
#linkList h3.archives span{
display:none
}
#linkList ul{
margin:10px 5px 10px 40px;
padding:0 5px
}
#linkList ul li{
list-style-type:none;
list-style-image:none
}
#lselect ul li{
list-style:outside url("bull.png")
}
#linkList ul li a{
text-decoration:none
}
#lresources{
font:16px/22px "Trebuchet MS",Arial,Helvetica,sans-serif;
display:block;
background:url("notes.jpg") no-repeat;
padding:20px 15px;
width:252px
}
#lresources ul{
margin:30px	20px 50px 25px
}
#lresources h3.resources{
width:85px;
height:22px;
background:url("resources.png") no-repeat
}
#lresources h3.resources span{
display:none
}
#extraDiv1	{
			background:url(aquaoxido/aqua_izq.jpg) top left no-repeat;
			width:130px;
			height:796px;
			position:absolute;
			left:0px;
			top:0px;
			}
#extraDiv2	{
			background:url(aquaoxido/aqua_der.jpg) top left no-repeat;
			width:182px;
			height:900px;
			position:absolute;
			right:0px;			
			z-index:0
			}
#extraDiv3	{
			background:url(aquaoxido/div_izq_2.jpg) top left no-repeat;
			width:130px;
			height:796px;
			position:absolute;
			left:15px;
			top:1200px;
			}
/*------------------------------------------------------- CSS del Form -------------------------------------*/
fieldset
{
font:10px/18px "Trebuchet MS",Arial,Helvetica,sans-serif;
border: 0px;
color:#FFF;
width: 180px;
position:relative;
top:0px;
left:0px;
}
input
{
position:relative;
left:10px;
color: #432C0C;
background: #F4EFDB;
}
.submit input
{
position:relative;
top:-20px;
left:100px;
color: #000;
background:#C6B87A;
border:2px groove #C6B87A;
}
.check input{
position:relative;
top:-10px;
background: no-repeat;
}
legend
{
color: #fff;
font-weight:bold;
padding: 2px 6px
}
label{
position:relative;
color:#CCC;
top:-12px;
left:20px;
}