@charset "utf-8";
/* 
Designed & Coded by: Miguel Angel Ducanto Hadad - SinSoda Comm.
Date: 04/01/2009

Most Used Colors:

Black: #494949;
Green: #009966;
Brown: #996633;

 */

/*Reset*/
ul, li, img, body, html, table, tr, td{
margin:0;
padding:0;
}

html{
background:url(images/fondo.jpg) no-repeat center top #eeeeee;
overflow:auto;
}

body{
font-size:80%;
font-family:georgia;
letter-spacing:1px;
line-height:1.6em;
color:#494949;
width:936px;
margin:auto;
text-align:left;
}


h1{
font-size: 2em;
margin-top:1em;
margin-bottom:1em;
font-family:sans-serif;
color:#009966;
line-height:1.2em;
}


h2{
font-size: 1.4em;
font-family:sans-serif;
}

h5{
line-height:.6em;
margin-top:-.5em;
color:#009966;
}

a img{
border:none;
}

a{
text-decoration:none;
color:#003366;
}

p span{
margin:0;
line-height:.6em;
font-weight:bold;
font-family:verdana;
}


#noticias h1{
	font-size: 40px;
	padding: 0 0 30px 0;
	margin: 0 20px 0 20px;
}
	

ul{
list-style:none;
}

li{
background:url(images/ja.png) no-repeat 0px 3px;
padding-left:25px;
line-height:1.9em; 
}

#header #logo a{
background:url(images/logo.png) no-repeat;
position:absolute;
}

#header #logo a:hover{
background:url(images/logo_h.png) no-repeat;
}

#header #logo p{
display:none;
}

#cuerpo{
border:1px solid #aaaaaa;
background:url(images/lateral_bg.png);
}

#lateral{
width:250px;
float:right;
padding-left:10px;
}

#novedades ul li{
padding:0;
margin-bottom:1em;
list-style:none;
background:none !important;
}

#novedades a{
font-size:85%;
line-height:2em;
}

#novedades a:hover{
color:#009966;
}

#opiniones{
background:url(images/opiniones.png) no-repeat 50% -100%;
margin-top: 2em;
font-family:verdana;
min-height:180px;
margin-bottom:2em;
}

#opiniones p{
font-size:80%;
text-align:center;
margin-left:-.5em;
}

#opiniones span{
display:block;
color:#996633;
text-align:right;
margin-right:1em;
}

#opiniones a{
float:right;
}

#publicidad h2{
margin-bottom:-1em;
}

#publicidad{
margin-left:20px;
}

#publicidad .elementoPublicidad{
margin-top:3em;
}

#cuerpo #main{
background:url(images/bg.png);
border-right:1px solid #888;
padding-top:3em;
margin-right:260px;
margin-left:0;
padding-right:2em;
padding-left:2em;
min-height:1300px;
padding-bottom:1.6em;
}

#cuerpo #main p{
text-align:justify;
margin-bottom:1.6em;
margin-top:0;
}

#main img{
float:right;
margin:1em;
margin-top:-1em;
border:1px solid black;
}

#footer{
text-align:center;
}

#index img{
position:absolute;
margin-left:-23px;
margin-top:-3em;
border:none;
}

#introduccion p{
width:350px;
text-align:justify;
}

#load {  
    display: none;  
    position: absolute;  
    right: 10px;  
    top: 10px;  
    background: url(images/loading.gif);  
    width: 43px;  
    height: 11px;  
    text-indent: -9999em;  
}

/* ToolTip */

.tip{

width:212px;
padding-top:37px;
display:none;
z-index:500;
position:absolute;
background: transparent url(images/tipTop.png) no-repeat top;
font-family:georgia;
font-size:90%;
text-align:left;
letter-spacing:0;
line-height:1.5em;
}

.tipMid{
background: transparent url(images/tipMid.png) repeat-y;
padding: 0 25px 0px 25px;
}

.tipBtm{
background: transparent url(images/tipBtm.png) no-repeat bottom;
height:37px;
}

/*  Descargas */

.descargas li{
list-style:none;
margin-bottom:1em;
}

.descargas span{
font-size:90%;
font-style:italic;
margin-left:10px;
}

.PDF{
background:url(images/pdf_ico.png) no-repeat;
padding-left:30px;
margin-bottom:7px;
}

.DOC{
background:url(images/doc_ico.png) no-repeat;
padding-left:30px;
margin-bottom:7px;
}

.IMG{
background:url(images/img_ico.png) no-repeat;
padding-left:30px;
margin-bottom:7px;
}

.Prensa{
background:url(images/mp3_ico.png) no-repeat;
padding-left:30px;
}

/* Inscripcion voluntarios */

#formularioInscripcion{
width:500px;
margin:auto;
}

#formularioInscripcion p label{
margin-bottom:1em;
}

#formularioInscripcion input{
width:500px;
}

#formularioInscripcion textarea{
width:500px;
}

#formularioInscripcion #enviar{
width:100px;
margin-left:413px;
color:black;
font-weight:bold;
}

#formularioInscripcion label{
font-weight:bold;
font-size:90%;
}

label.error{



font-weight:normal !important;
font-size:80% !important;
color:#ff0000;
padding-left:20px;
padding-top:12px;
padding-bottom:5px;
background:url(images/cancelar.png) no-repeat 0px 13px ;
}

#formularioInscripcion form fieldset{
padding:0;
}

#formularioInscripcion form fieldset input{
width:10px !important;
display:inline;
}

#formularioInscripcion form fieldset label{
font-weight:normal !important;
line-height:2em;
}

form fieldset legend{
font-weight:bold;
color:black;
font-family:verdana;
margin-bottom:1em;
}

#experiencia{
margin-left:-15px;
}

#staff ul li span{
font-weight:bold;
}


#voluntarios a{
font-size:2em;
}

#voluntarios a:hover{
color:#fff;
background:#003366;
}

#voluntarios h3{
font-size:1em;
font-weight:normal;
margin-top:-.6em;
font-style:italic;
}

#voluntariosFAQ a{
display:block;
font-size:1.5em;
line-height:2em;
cursor:pointer;
}

#voluntariosFAQ a:hover{
color:#fff;
background:#003366;
}

#mostrarTodos{
font-size:1em !important;
float:right;
margin-right:3em;
margin-bottom:2em;
}

ol li{
background:none !important;
padding:0 !important;
}

.listaNoticias{
margin-top:1em;
margin-bottom:4em !important;
}

.listaNoticias img{
position:relative !important;
float:left !important;
margin: 0 1em 0 0 !important;
border:1px solid !important;
}

.listaNoticias h1{
margin-bottom:.2em;
}

.listaNoticias h1 a{
color:#009966;
}

.listaNoticias h1 a:hover{
color:#003366;
}


.listaNoticias span{
font-style:italic;
}

.listaNoticias .verMas{
display:block;
float:right;
}

.listaNoticias .verMas a:hover{
color:#009966 !important;
}


#links ul{
margin-top:3em;
margin-left:2em;
text-align:right !important;
}

#links img{
margin-top:1em;
}

#links a:hover{
color:#009966;
font-style:italic;
}

#introduccion img{
float:right !important;
position:relative;
margin-top:1em;
margin-left:.2em;
margin-right:0;
border:4px solid
}

#imagenResultados{
display:block;
height:100px;
position:relative !important;
}

#imagenResultados img{
position:relative;
margin:-10px auto 10px auto;
border:1px solid #666;
}