body {
	margin: 0;
}

p{
    font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;	
    margin-left: 2em;
	color: #33332D;
}

h1{
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
    text-align: center;	
}

h2 {
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #006633;
	margin-left: 2em;
	text-align: center;	
}

h3 {
	font: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
    margin-left: 2em;	
	color: #006633;	
}

td {
	font-family:Tahoma;font-size:11px;color:#000;
}

a img {
	border:0;
}

a {
	color:#388C3C
}

a:link {
	color: #2a21d5;
}

a:visited {
	color: #2a21d5;
}

.lista {
	width:500px;
	border-collapse:collapse;
} 

	.lista tr.odd {		
		background:#ebebeb;
    }
	
	.lista a {
		color: #006633;
		font-weight:bold;
	}

#content { margin:0; padding:0;min-height:1200px; }

#content p {
	font-size: 1.2em;
	font-weight: bold;
	color: #006633;
	text-align:center;
	margin-left: 0;	
}

#breadCrumb {
padding: 0;
margin:0;  
color: #000; /*This is our color on the text which isn't a link. We want' they to be light grey */ 
display:block;
height:15px;
} 
#breadCrumb li {
float: left; 
display: inline; 
} 
#breadCrumb a { 
color: #000; /* Our breadcrumb links are going to be white */
padding-left: 8px;
font-weight: bold; /* And bold */ 
background: url(/ondas/img/breadcrumb.gif) left no-repeat; 
padding-right: 11px; /* We need to add some padding to the right of the link. This space is where the background image is going to be shown. */ 
text-decoration: none; 
} 
#breadCrumb a:hover { 
color: #333;
text-decoration: underline; 
background:url(/ondas/img/breadcrumb.gif) left no-repeat; 
} 

#compartir { float:right; display:inline; margin:0; padding:0; }

#pestana h1 { color: #006633; padding-right: 0px; font-size: 13px; padding-left:10px; padding-top:25px; display:inline;}

#destacado { width:23%; border:0; margin-bottom:10px; border:1px dashed #ccc; float:left; margin:2px; padding:2px;height:190px;overflow:hidden;}
#destacado img { width:90px; height:90px;}
#destacado:hover { background-color:#e7e7e7; }
#destacado p { color: #33332D; font-size: 12px; font-weight:bold; text-align:left; line-height: 1.5em;  margin: 0; }

#destacado a { display:block; color: #006633; margin-bottom:1.1em;}
#destacado a:hover { display:block; color: #000;}

#itemListado { width:95%; border:0; margin-bottom:10px; border-bottom:1px dashed #ccc;min-height:100px; }
#itemListado img { float:left; width:90px; height:90px; padding:3px; }
#itemListado:hover { background-color:#e7e7e7; }
#itemListado p { color: #33332D;font-size: 12px;font-weight:bold; text-align:left; line-height: 1.5em; }
#itemListado a { display:block; color: #006633; margin-bottom:1.1em;}
#itemListado a:hover { display:block; color: #000;}

#noticia { padding-top:2px; width:95%; border:1px dashed #e7e7e7; background: #d6d6d6;}
#noticia img { float:left; max-width:250px; max-height:300px; padding:3px; }
#noticia h2{ color: #006633; font-size: 2em; }
#noticia p{ color: #33332D;font-size: 12px;line-height: 1.5em; text-align: left; padding:1em; }

#noticia-audio { padding-top:2px; width:95%; }
#noticia-audio img { float:left; max-width:250px; max-height:300px; padding:3px; }
#noticia-audio h2{ color: #006633; font-size: 2em; }
#noticia-audio p{ color: #33332D;font-size: 12px;line-height: 1.5em; text-align: left; padding:1em; }

#audio { width:31%; border:0; margin-bottom:10px; border:1px dashed #ccc; float:left; margin:2px; padding:2px;height:190px;overflow:hidden;}
#audio img { width:90px; height:90px;}
#audio:hover { background-color:#e7e7e7; }
#audio p { color: #33332D; font-size: 12px; font-weight:bold; text-align:left; line-height: 1.5em;  margin: 0; }

#audio a { display:block; color: #006633; margin-bottom:1.1em;}
#audio a:hover { display:block; color: #000;}

#seccion { 
	width:550px;	
	height:1200px;
	overflow: scroll;
	padding-top:2px;
	border:1px; 
}

#fecha {
	padding:0;
	margin:0;
	margin-left:1em;
	position:relative;
	float:left;
	text-align:left;
	font-size: 0.9em;	
}

.style3 { font-size: 16px;	font-weight: bold;	font-family: Arial, Verdana;}
.style4 {font-size: 18px; }

.cap{font-weight:bold;color:#FEE803;padding-top:10px;}
.left{color:#fff;padding-right:5px;}
.mid{color:#000;padding-right:30px;padding-top:15px;}
.mid2{color:#000;padding-right:10px;padding-left:15px;}
.menu{text-decoration:none;color:#000;}
.items {	font-family: tahoma; font-size: 24px; font-weight: bold; color: #000;}
.cap1 {font-weight:bold;color:#FEE803;padding-top:10px;}
.cap2 {font-weight:normal;color:#FEE803;padding-top:10px;}


.Estilo1 {font-size: 11px}
.Estilo27 {	color: #fff; padding-right: 5px; font-size: 12px; font-weight: bold; }
.Estilo27:hover  {	color: #fff; padding-right: 5px; font-size: 12px; font-weight: bold; }
.Estilo30 {color: #CC6600; font-size: 36px; }
.Estilo31 {font-size: 12px}
.Estilo32{ font-size:12px; font-weight:bold; }
.Estilo33{ color:#FFFFFF }
.Estilo35 {font-family: tahoma;font-weight: bold; }
.Estilo38 {font-family: tahoma; font-size: 14px; }
.Estilo39 {font-family: tahoma; font-size: 20px; }
.Estilo40 {font-size: 16px}


.linkfondoblanco{	color:#000;	font-size:14px;	text-decoration: underline;}
.linkfondoblanco a:link, .linkfondoblanco a:visited{ color:#000; text-decoration:none; }


.inputError, .campoError {
	border: 1px solid #FF0000;
	background: #FEE0DE;
}

input.validation-failed, textarea.validation-failed {
	border: 1px solid #43BC51;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;	
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #43BC51;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}