body{
	font-family: 'Lucida Grande', Trebuchet MS, Arial, Verdana, sans-serif;
	font-size:12px;
	color:#222;
	background: url(images/background_bright.gif);
	margin:0;
	padding:0;
}

#wrapper {
	/*width:800px;*/
	width:780px;
	margin:0 auto -3px auto;
	background-color: #fff;
	border: 1px solid #ccc;
}

#overWrapper{
	/*width:800px;*/
	width:780px;
	margin:10px auto 0 auto;
	font-size:.9em;
}
#overWrapper #oW_left { float:left;width:300px; margin:0px;}
#overWrapper #oW_right{ float:right;width:300px; margin:0px; text-align:right;}

#topSlider{
	width: 758px !important;
	width /**/: 780px;  /*width + padding + borders IE Hack*/
	margin:0 auto;
	padding: 10px 10px 2px 10px;
	border: 1px solid #ccc;
	border-top: 0px;
	color:#222;
	background: #ffffd0;
	font-size:.9em;
}
#topSlider #tS_left { float:left;width:280px; margin:10px 0px; }
#topSlider #tS_right{ float:left;width:300px; margin:10px 0px; }


#header {
	width: 780px;
	margin: 0px auto;
}

#header #top{ float:left; width:780px; margin-bottom:10px; font-size:0.9em; }
#header #top #left  { float:left;  margin:5px 0px 0px 5px; width:270px; }
#header #top #right { float:right; margin:5px 5px 0px 0px;  width:480px; }

#header #top #left  #logo{ width:180px; }
#header #top #right ul { float:right; width:330px; margin:0px 4px 0px 0px; padding:0; list-style:none; border:0px solid #0f0;}
#header #top #right li { float:right;  margin:0px 5px; padding:0; border:0px solid #f00;}
#header #top #right li a{ text-decoration:none; color:#333; }
#header #top #right li.inicio  { padding: 2px 0px 0px 18px; background: url(images/header_right_inicio.gif) no-repeat; }
#header #top #right li.fav     { padding: 2px 0px 0px 18px; background: url(images/header_right_fav.gif) no-repeat; }
#header #top #right li.contacto{ padding: 2px 0px 0px 20px; background: url(images/header_right_contacto.gif) no-repeat; }
#header #top #right li.rss     { padding: 2px 0px 0px 18px; background: url(images/header_right_rss.gif) no-repeat; }


#header #bottom { padding: 2px 0px; }
#header #bottom ul{ list-style:none; }
#header #bottom ul li{ margin:0; float:left; padding-left:2px; }
#header #bottom ul li a{ font-size:10px; font-weight:normal; color:#222; margin:0; padding:0px; text-align:center; text-decoration:none; }
#header #bottom ul li a:hover{ color:#e00; }
#header #bottom ul li a.selected{ color:#e00; }


#container {
	border-top:1px solid #e00; /*border-bottom:1px solid #777; */
	margin: auto;
	padding:2px 0;
	width: 780px !important;
	width /**/: 780px;  /*width + padding + borders IE Hack*/
}

#main {
	margin:8px 15px;
}

#content {
	float: right;
	width: 510px !important;
	width /**/: 510px;  /*width + padding + borders IE Hack*/
}

#singlePage {
	width: 750px !important;
	width /**/: 750px;  /*width + padding + borders IE Hack*/
	border:1px solid #ccc;
}

#sidebar {
	float: left;
	width: 220px !important;
	width /**/: 220px;  /*width + padding + borders IE Hack*/
	text-align: center;
	border-right:0px solid #ccc;
}

#footer {
	clear: both;
	color:#555;
	padding: 5px 0px 10px 0px;
	font-size:.9em;
}

h2{
	color: #3E565F;
	margin: 10px 0 2px 0;
	font-size: 1.3em;

}
h3{
	margin: 12px 0 5px 0;
	padding: 0;
	font-family: Georgia;
	font-weight: normal;
	font-size: 1.5em;
	/*color: #963;*/
	color: #900;
}
h4{
	color: #51637B;
	margin: 10px 0 6px 0;
	font-size: 1.2em;
}
h5{
	font-size: 1.1em;
	color: #51637B;
	margin: 5px 0 5px 0;
}
h5.underline{
	border-bottom:1px solid #999;

}

.bold        { font-weight:bold;}
.clearer     { clear:both;	height: 0px; font-size: 0px; border:0px solid #f00; }
.right       { direction: rtl; text-align:right; }
.nodisplay   { display:none; }
.nomargin    { margin:0px; }
.underline   { border-bottom:1px solid #999; }

.t1 { font-size: 1em; }
.t2 { font-size: .9em; }
.t3 { font-size: .8em; }

.border_horizontal { height:4px; background:url(images/border_horizontal.gif) repeat-x center center; }

span.blue { color:#55f; }

a img {
	border: none;
}

input.text, textarea, select{
	font-family: 'Lucida Grande', Trebuchet MS, Arial, Verdana, sans-serif;
	font-size:11px;
    line-height:1.3em;
    border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;
    background:#fff url(images/fieldbg.gif) repeat-x top;
    overflow:auto;
    color:#333;
}
input.boton {
	font-family: 'Lucida Grande', Trebuchet MS, Arial, Verdana, sans-serif;
	font-size:11px;
    border:1px solid #aaa;
    background-color:#f9f9f9;
    color:#333;
}
input:focus, textarea:focus { background: #F9F9F9; }
input.boton:hover { border:1px solid #777;}

ul{	list-style: none;	padding: 0;	margin: 0; }
li{ padding: 0 0 0 9px;	margin: 2px 0 12px 0; }


/**/

#header span {padding-left:3px; font-size:1em; font-weight:bold; color:#777; margin:0px;}
#header h2 { padding-left:3px; font-size:1.8em; font-weight:bold; color:#333; margin:0px;}



/*
ELEMENTOS
* * * */
#calendar_div{ float:left; border:0px solid #bbb; padding:0px; width: 212px !important; width /**/: 212px;  /*width + padding + borders IE Hack*/ background: url(images/calendarBorderTop.gif) no-repeat 0px 20px; }
#calendar_div_bottom{ float:left; border:0px solid #bbb; padding:0px; width: 212px !important; width /**/: 212px;  /*width + padding + borders IE Hack*/ background: url(images/calendarBorderBottom.gif) no-repeat bottom; }

#calendar { width:210px; margin-left:1px; border:0px solid #9e9e9e; font: normal 11px 'Lucida Grande', Lucida, Helvetica, Arial, sans-serif; text-align: center; }
#calendar a { color:#330; text-decoration:none; }
#calendar a:hover {text-decoration: underline;}
#calendar th.day-of-week { width:30px; height:22px; font-weight: bold; }
#calendar th.day-of-week.left { background-position: left top; }
#calendar th.day-of-week.right { background-position: right top; }
#calendar th.day-of-week span { color: #fff; display: block; padding: 2px 1px 4px 2px; }
#calendar th.day-of-week.left span { background-position: left bottom; }
#calendar th.day-of-week.right span { background-position: right bottom; padding-right:5px; }
#calendar th.month { padding: 3px 0px;  font-size:10px; font-weight:bold; }
#calendar th.month.prev { padding:0 0 0 10px;text-align: left; font-size:11px; font-weight:normal; background: url(images/calendararrowleft.gif) no-repeat 1px center; }
#calendar th.month.next { padding:0 10px 0 0;text-align: right; font-size:11px; font-weight:normal; background: url(images/calendararrowright.gif) no-repeat right center; }
#calendar td { width:30px; height: 22px; }
#calendar td.selected-day { font-weight:bold; color:#CA2E14;}
#calendar td.day { background:url(images/bg_calendar_day.png) left top; }
#calendar td.vertical-margin { font-size:4px; min-height:4px; height:4px; }
#calendar th.today { font-weight: bold; }
#calendar th.today.left { background-position: left top; }
#calendar th.today.right { background-position: right top; }
#calendar th.today span { padding: 2px 1px; color: #fff; display: block; }
#calendar th.today.left span { background-position: left bottom; }
#calendar th.today.right span { background-position: right bottom; padding-right:5px; }

#buscar_div { float:left; width: 210px; padding:0; margin:15px 0px 5px 0px; }

/*
single search */
.search {margin: 0; padding: 0;}
.search select, .search input {font-size: 11px;}
.search input.sbox {color: #80808C; padding: 3px; height: 13px; width: 175px; border: 0; background: white url(images/background_search.gif) repeat-x left top;}
.search .srchimgs {margin-bottom: 1px; border: 0; vertical-align: bottom; }
html>body .search .srchimgs {margin-bottom: 0; vertical-align: bottom; }
/*\*/
html>body*.search input {font-size: 11px;}
html>body*.search .srchimgs {margin-bottom: 1px; border: 0; vertical-align: bottom;}
html>body*.search input.sbox {width: 170px; color: #000;}


#map_div  { float:left; margin-top:10px; width:210px; background-color:#fff; }

#tags_div { border:1px solid #ccc; margin-top:0px; background-color:#f5f5f5 ; }
#tags_div .tagUnit a { color:#333; text-decoration:none;  }
#tags_div span.tagUnit { margin-left:2px; }
#tags_div .tagUnit a:hover { text-decoration:underline;  }

#areas_div { float:left; border:0px solid #bbb; margin-top:10px; width:210px; }
#areas_div dl { margin:5px 0; }
#areas_div dt { margin:5px; text-align:left; font-size:1.1em; font-weight:normal; color:#222; border-bottom: 1px solid #999; }
#areas_div dt span{ background-color:#999; }
#areas_div dd { margin: 0px; }
#areas_div ul { text-align:left; }
#areas_div ul li { margin:2px; padding-left:1px; }
#areas_div ul li a { font-size:.9em; text-decoration:none; color:#555;}
#areas_div ul li a:hover { color:#00e; }
#areas_div ul li span { font-size:.8em; color:#CA2E14; }

#instituciones_div { margin-bottom:10px; }
#instituciones_div table { width:100%; }
#instituciones_div table td { padding: 0px; font-size:.9em; }
#instituciones_div table td select { width:510px; float:right; }



/*
CONTENT
* * * */

#content #index #destacado { margin-bottom:20px; padding:0px; color:#444; font-size:.9em; border:0px solid #bbb;  }
#content #index #destacado #title { border-bottom:1px solid #CA2E14; margin-bottom:8px; }
#content #index #destacado h2   { float:left; width:200px; font-size:1.5em; font-weight:normal; margin:0px; color:#222; }
#content #index #destacado span { float:right;width:130px; margin:0px; padding:2px 0px 0px 0px; text-align:right; color:#777; }
#content #index #destacado #d_left { width:360px; margin:0px; float:left; }
#content #index #destacado #d_left p { text-align:justify; margin:0px 5px; }
#content #index #destacado #d_left p a { font-size:1.2em; font-weight:normal; color:#009; text-decoration:none; }
#content #index #destacado #d_left p a:hover { text-decoration:none; }
#content #index #destacado #d_right  { width:140px; height:110px; margin:0px; float:right; border:1px solid #999; }

#content .eventosLista { margin:0px 0px 10px 0px; border:1px solid #ccc; }
#content .eventosLista .left_side  { float:left; width:10%; height:49px; padding-top:5px; line-height:1.1em; text-align:center; background: white url(images/bg_fecha_evento.gif) no-repeat 3px 6px; }
#content .eventosLista .left_side .fecha_mes  { font-family: Georgia; font-size:.9em; font-weight:normal; color:#999; }
#content .eventosLista .left_side .fecha_dia  { font-size:1.2em; font-weight:normal; color:#900; }
#content .eventosLista .left_side .fecha_anho { font-size:.9em; font-weight:normal; color:#999; }
#content .eventosLista .right_side { float:left; width:90%; }
#content .eventosLista p.info { font-size:.9em; color:#555; padding:5px; margin-top:0px; }
#content .eventosLista h2 { font-size:1.3em; font-weight:normal; margin:5px; color:#222; border-bottom:1px solid #CA2E14; }
#content .eventosLista h2 a { color:inherit; text-decoration:none; }
#content .eventosLista p.rss  { position:relative; text-align:right; margin:-24px 4px 13px 0px; }
#content .eventosLista p.more { position:relative; text-align:right; margin:-24px 4px 13px 0px; }
#content .eventosLista p.more a { color:#CA2E14; text-decoration:none; }
#content .eventosLista ul { margin: 7px 5px 5px 5px; }
#content .eventosLista li { margin: 0 0 10px; padding:0px; border-bottom:0px dashed #bbb;}
#content .eventosLista li a { font-size:1.1em; font-weight:normal; color:#009; text-decoration:none; }
#content .eventosLista li a:hover { text-decoration:underline; }
#content .eventosLista li .fecha_ingreso { font-family: Georgia; font-size:1.2em; font-weight:normal; color:#900; }
#content .eventosLista li p { font-size:.9em; color:#555; margin:2px 4px 2px 0px; text-align:justify; }

#content .paginacion {background: #f2f2f2;color:#666;padding: 4px 1px 5px 7px;border: 1px solid #ccc;margin: 0 0 1.5em}
#content .paginacion p {position:relative;text-align:right}
#content .paginacion p a:link, #content .paginacion p a:visited, #content .paginacion p a:hover, #content .paginacion p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc; color:#CA2E14;}
#content .paginacion p a:hover {background:#c00;color:#fff}
#content .paginacion p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
#content .paginacion * {margin:0}
#content .paginacion h5 {margin-top:-1.42em;padding:0;border:none; color:#555;}

#content #toolbar { float:left; padding:3px 0px; border: 1px solid #ccc; background: #f2f2f2;}
#content #toolbar ul { float:right; margin:0; padding:0; list-style:none; border:0px solid #0f0;}
#content #toolbar li { float:right; margin:0px 10px 0px 10px; padding:0; border:0px solid #f00;}
#content #toolbar li a{ font-size:.9em; text-decoration:none; color:#333; }
#content #toolbar li.sendTo{ padding: 2px 0px 0px 20px; background: url(images/toolbar_sendTo.gif) no-repeat; }
#content #toolbar li.printIt{ padding: 2px 0px 0px 20px; background: url(images/toolbar_printIt.gif) no-repeat; }
#content #toolbar li.bookmark{ padding: 2px 0px 0px 20px; background: url(images/toolbar_bookmark.gif) no-repeat; }
#content #toolbar li.delicious{ padding: 2px 0px 0px 18px; background: url(images/toolbar_delicious.gif) no-repeat; }

#content .back { padding:5px 0 0 20px; background: url(images/arrow_left.png) no-repeat left bottom ; }
#content .back a{ text-decoration:none; color:#009; font-size:11px; font-weight:bold; }
#content .back a:hover { color:#CA2E14; }

#content #eventoSendTo { margin-bottom:10px; font-size:.9em; }
#content #eventoSendTo #sendForm    { padding:0px 5px 5px 5px; width:100%; border: 1px solid #A5ADC9; background: #ECEDF4; }
#content #eventoSendTo #sendSuccess { padding:10px 5px; text-align:center; border: 1px solid #A5ADC9; background: #ECEDF4; }
#content #eventoSendTo #sendError   { padding:10px 5px; text-align:center; border: 1px solid #ab6464; background: #fbdfcf; }


#content #index { }
#content #index .banner { border:0px solid #999; background-color:#fff; margin-bottom:10px; }

#content #area { }

#content #evento { clear:both; margin:0px 0px 10px 0px; padding:5px; border:1px solid #ccc; line-height:1.6em;}
#content #evento #tipo{ font-weight:normal; font-size:1.5em; color:#888; }
#content #evento  h3{ margin-top:4px; }
#content #evento .box{ margin: 5px 0px; padding:5px; text-align:justify; }
#content #evento .box.info{ border: 1px solid #bbb; border-left: 0px;border-right: 0px;font-size:1em;background: #f4f4f4; }
#content #evento .box.detalle p{ margin:4px 0 6px 0; }
#content #evento .box.detalle ul { list-style:square; padding-left:30px; }
#content #evento .box.detalle ol { padding-left:30px; margin:0px; }
#content #evento .box.detalle li{ margin:2px 0 3px 0; }
#content #evento .box.detalle h5{ margin-top:15px; color:#009; }

#content #fecha { }

#content #eventoTabs { float:right; width:100%; margin-bottom:-1px; }
#content #eventoTabs #back { float:left; width:100px; border:0px solid #f00; padding:14px 0 0 18px; background: url(images/arrow_left.png) no-repeat left bottom ; }
#content #eventoTabs #back a{ margin:0; padding:0; font-weight:bold; }
#content #eventoTabs ul { float:right; width:350px; margin:0; padding:10px 10px 0; list-style:none; border:0px solid #0f0;}
#content #eventoTabs li {
	float:right;
	width: 79px !important;
	height: 19px !important;
	width /**/: 95px;  /*width + padding + borders IE Hack*/
	height /**/: 23px;  /*height + padding + borders IE Hack*/
	padding:4px 0 0 16px;
	margin:0px 2px 0px 2px;
	font-size:11px;
	color:#888;
	background-image:url("images/eventoTabs_bg.gif");
}
#content #eventoTabs a { text-decoration:none; color:#009; }
#content #eventoTabs a:hover { color:#CA2E14; }
#content #eventoTabs .current { background-image:url("images/eventoTabs_current_bg.gif"); }
#content #eventoTabs .current a { color:#CA2E14; }
#content #eventoTabs .enabled a { color:#333; }
#content #eventoTabs .disabled a { color:#777; }

#content #eventoImages { clear:both; margin:0px 0px 10px 0px; padding:5px; border:1px solid #ccc; display:none; }
#content #eventoImages ul { margin:0; padding:10px 10px 0; list-style:none; }
#content #eventoImages li { float:left; margin:0px 2px 0px 2px; padding:0; border:1px solid #999; }

#content #eventoGeo { clear:both; margin:0px 0px 10px 0px; padding:5px; border:1px solid #ccc; display:none; }


#footer a { color:#555; text-decoration:none; }
#footer a:hover { text-decoration:underline; }


#publi-superior {
	background: transparent url(../../default/corporativo/images/background-publicidad.gif) repeat scroll 0%;
	width:780px; height:90px;
	margin:0 auto; padding:2px 0;
	border-top:1px solid #ccc; border-bottom:1px solid #999;
}

#publi-superior .publicidad {
	background:transparent url(../../default/corporativo/images/publicidad.gif) no-repeat scroll center;
	margin:0 5px; float:left;
	width:17px; height:92px;
	text-indent:-1400px;
}

#social-box { margin:0px; padding: 5px 5px; }
#social-box h4 {
    color: #474747; float: left;
    font-size: 80%; font-weight: normal;
    margin: 6px 20px 0 5px;
}
#social-box a {
	text-decoration:none; height:18px; line-height:18px; background-color: #ECEEF5; border: 1px solid #CAD4E7; border-radius: 3px 3px 3px 3px; color: #3B5998;
  display: block; float: left;
  font-size: 10px; margin-right:10px;  padding: 1px 3px 1px 2px;
}
#social-box a:hover {
    border: 1px solid #9DACCE;
}
#social-box a.twitter {
    background: url("../../default/css/images/twitter.png") no-repeat scroll 5px 4px #ECEEF5;
    padding-left: 25px;
}
#social-box a.mail {
    background: url("../../default/css/images/email.png") no-repeat scroll 5px 4px #ECEEF5;
    padding-left: 25px;
}
#social-box a.facebook {
    background: url("../../default/css/images/facebook.png") no-repeat scroll 5px 4px #ECEEF5;
    padding-left: 25px;
}
