/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Merienda+One);


img, div {_behavior: url(iepngfix.htc);}


body {font: 12px/17px Arial, Helvetica, sans-serif; margin:0;}
	
.verde {color: #5e8b00 !important;}
.rojo {color: #BE1B31 !important;}
.lila {color: #9B9BFF !important;}	
.turquesa {color: #008ec3 !important;}
.naranja {color: #FF9933 !important;}
.violeta {color: #A83E90 !important;}
.negro {color: #000 !important;}
.blanco {color: #fff !important;}

.floatLeft {float: left !important;}
.floatRight {float: right !important;}


table.cronograma {}
table.cronograma td {border-bottom: 1px solid #e5e5e5; padding: 5px; vertical-align: top; font-size: 12px; line-height: 15px;}


body.verde {background: #80ad22;}
body.verde h1 {color:#80ad22 !important;}
body.verde h2, body.verde h3 {color:#5e8b00 !important;}
body.verde a {color:#80ad22; text-decoration: none;}
body.verde a.active, body.verde a:hover  {color: #5e8b00 !important; text-decoration: underline !important;}

body.rojo {background: #BE1B31;}
body.rojo h1, body.rojo h2, body.rojo h3 {color:#BE1B31;}
body.rojo h2 a, body.rojo h3 a, body.rojo a.active, body.rojo a:hover  {color: #BE1B31 !important; text-decoration: underline !important;}

body.lila {background: #9f9fe9;}
body.lila h1, body.lila h2, body.lila h3 {color:#9f9fe9 !important;}
body.lila a.active, body.lila a:hover   {color: #9f9fe9 !important; text-decoration: underline !important;}	

body.turquesa {background: #008ec3;}
body.turquesa h1, body.turquesa h2, body.turquesa h3 {color: #008ec3 !important;}
body.turquesa a.active, body.turquesa a:hover {color: #008ec3 !important; text-decoration: underline !important;}	

body.naranja {background:#FF9933;}
body.naranja h1, body.naranja h2, body.naranja h3 {color:#FF9933 !important;}
body.naranja a.active, body.naranja a:hover {color: #FF9933 !important; text-decoration: underline !important;}

body.violeta {background:#A83E90;}
body.violeta h1, body.violeta h2, body.violeta h3 {color:#A83E90 !important;}
body.violeta a.active, body.violeta a:hover {color: #A83E90 !important; text-decoration: underline !important;}	

body.marron {background:#9a4327;}
body.marron h1, body.marron h2, body.marron h3 {color:#9a4327 !important;}
body.marron a.active, body.marron a:hover {color: #9a4327 !important; text-decoration: underline !important;}	
body.marron h2 a {color: #9a4327 !important; font-size: 1em !important; float: none !important;}
body.marron #articulo, body.marron #articulo p {text-align: center !important;}


h1 { font: 34px/36px 'Merienda One', 'Trebuchet MS', Helvetica, sans-serif; clear: both; letter-spacing: -1px}
h2 {font-weight: normal; font-size: 20px; line-height: 24px; clear: both;}
h4 {margin:0 0 22px 0;	font-size: 17px; line-height: 20px;}
h5 {font-size: 14px; line-height: 18px;}


#menu ul{margin: 15px -22px 20px; padding:0; list-style:none; font-size: 10px; font-weight: bold; text-align: center;}
#menu ul li {padding: 0 6px; display:inline;}
#menu a {color:#000; text-decoration:none;}
#menu a:hover {text-decoration: underline;}


#marco {position:relative; margin:0 auto; width:950px; background-color: #80ad22;}

#ornad {position:absolute; left:0px; top:0px; width:210px; height:211px; background:url('../img/ornad_t.gif') no-repeat right;}
#ornai {position:absolute; left:800px; top:0px; width:210px; height:211px; background:url('../img/ornai_t.gif') no-repeat left;}
#titulo {position:absolute; left:210px; top: 0px; width:590px; height:211px; background-repeat:no-repeat;}

#barrad {position:absolute;	left:0px; top:211px; width:210px; color:white; text-align:center;}
#barrad #frase p {padding:0 15px 0 0px; font: italic 20px/24px Georgia,Times,serif;}
#barrad #frase .autor{font-size:11px;}

#contenido {position:absolute; padding:0 30px 3px 30px; margin:0 auto; left: 210px; top: 211px; width: 530px; background-color:#fff;}
#contenido p.destacado {font-size: large; text-align: center;}
#contenido p {margin: 10px 0; color:#333; /*text-align:justify;*/}
#contenido p strong {font-size: 14px; line-height: 18px;}
#contenido img {float:right; margin: 5px 0 20px 25px; padding: 7px; border: 1px solid #e5e5e5;}
#contenido .floatLeft {float: left !important; margin: 5px 25px 20px 0 !important;}


img.decor {border: 0 !important; float: none !important; text-align: center !important; padding: 0 !important;}

.separa { clear: both; text-align: center; margin: 25px 0 10px;}

#mision {position:relative; padding: 5px 12px 20px; .padding-bottom: 5px; width:506px; background:#CEF; font: italic 14px/17px Georgia,Times,serif; color:#018FD3;}
#mision p {text-align: justify;}
#mision a {color: #018FD3 !important; float:right; margin: 5px 0; text-decoration: underline !important;}

#articulo li {font-size: 12px;}
#articulo p a {font-size: 11px; color:#333;}
#articulo ol li {margin-bottom: 10px;}

#articulo .fotos a {float: none !important; cursor: url('../img/zoomin.cur')}
#articulo .fotos img {float: left; margin: 0 10px 10px 0;}

#barrai {position:absolute; left: 800px; top: 211px; width: 210px; color:white; text-align:center;}

#barrai .noticias {margin:0; padding: 0 20px 20px; font-size:12px; line-height:16px; text-align:left;}
#barrai .noticias a {color: #fff !important; text-decoration: none;}
#barrai .noticias a:hover {color: #ccc !important; text-decoration: underline;}
#barrai .noticias p {margin: 15px 0;}

#anteriores {margin-top: 30px;}
#anteriores .noticias {margin:0; padding: 0 20px 20px; font-size:12px; line-height:16px; text-align:left;}
#anteriores .noticias a {color: #fff !important; text-decoration: none;}
#anteriores .noticias a:hover {color: #ccc !important; text-decoration: underline;}
#anteriores .noticias p {margin: 15px 0;}
.noticias h4 {font: 21px/24px 'Merienda One', 'Trebuchet MS', Helvetica, sans-serif;}


#contenido  span.medio {font-size: medium; text-align: center;}
#const {display: none; position: absolute;	top: 18px; left: 239px; font-size: x-small;	color: #333;}

table {border-collapse:collapse; border-color: #ccc;}
td {font-size: 11px;}
th {font-size:13px; background-color:#ccc; color: #000;}

.centro {text-align: center;}
.chico {font-size: 9px;}
#frase a {color: #fff !important; text-decoration: none !important;}
#frase a:hover {color: #fff !important; text-decoration: underline !important;}

.idioma {padding: 5px 10px; border: 1px solid #ccc;}
.idioma img {vertical-align: middle;}

#pie {border-top: 1px solid #e5e5e5; margin-top: 30px; padding-top: 20px; padding-bottom: 5px; color:#666; font-size: 11px !important; text-align:left !important;}
#pie p {font-size: 11px !important; clear: none !important; text-align:left !important; }
#pie p img {float: right; margin-top: -27px;}
#pie a {color:#666; font-weight: bold;} 



h2 img {float: none !important; padding: 0 !important; border: 0 !important; margin: 0 !important;}
p.marron {color: #9a4327 !important;}
.carpa h3.turquesa {color: #008ec3 !important;}