@charset "UTF-8";

/* CSS Document */



/*básicos html*/



body {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:9pt;

	color:#333;

	text-align:center;

	background:url(../images/bg_0.jpg) top repeat-x #1E3247;

	margin:0;

	padding:0;

}

div, td, tr {

	margin:0;

	padding:0;

	border:none;

}

/*estilo de párrafo normal*/

p {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:1em;

	line-height:125%;

	text-align:justify;

	margin:0 0 8px 0;

	padding:0;

}

/*estilos de títulos*/



h1 {

	margin:0;

	height:0;

	text-indent:-999em;

	overflow:hidden;

}

h2, .componentheading, .contentheading {

	font-size:1.85em;

	color:#36D3DC;

	line-height:125%;

	margin: 0 0 20px 0;

	padding:0;

	text-align:left;

	font-weight:100;

}

h3 {

	font-size:1.6em;

	color:#326B9B;

	line-height:125%;

	margin:5px 0;

	padding:0;

	text-align:left;

	font-weight:100;

}

h4 {

	font-size:1.3em;

	color:#6C499B;

	line-height:125%;

	margin: 5px 0;

	padding:0;

	text-align:left;

	font-weight:100;

}

h5 {

	font-size:1.2em;

	color:#333;

	line-height:125%;

	margin: 4px 0 6px 0;

	padding:0;

	text-align:left;

}

/*divs-cajones principales*/





#lefttab {

	width:30px;

	min-height:70px;

	padding:0;

	margin:0;

	position:fixed;

	top: 60px;

	left:0px;

	background:#73cbd5 url(../images/bg_lefttab.gif) bottom repeat-x;

	border-bottom: 1px #fff solid;

	border-top: 1px #fff solid;

	border-right: 1px #fff solid;

	-webkit-box-shadow: 1px 3px 3px #333;

	-moz-box-shadow: 3px 3px 10px #444;

}

#top {

	width:100%;

	padding:0;

	margin:0;

	background:url(../images/bg_top01.gif) top repeat-x;

	clear:both;

}

#wrapper {

	width:1000px;

	padding:0;

	margin:0 auto;

	background:url(../images/header.jpg) top left no-repeat;

}

#header {

	width:1000px;

	height:114px;

	padding:0;

	margin:0 auto;

}

#container {

	padding:0;

	margin:0 20px;

	width:960px;

	background:#fff url(../images/bg_container.gif) repeat-y;

	position:relative;

}

/*dentro de top*/



#topnav {

	margin:0 auto;

	padding:0;

	height:29px;

	width:1000px;

	text-align:right;

	background:url(../images/bg_top02.gif) left top no-repeat;
	color:#FFFFFF;
	font-size:0.9em;

}

#topnav ul {

	padding:5px 0 0 0;

	margin:0 10px;

	list-style:none;

}

#topnav ul li {

	float:right;

	text-align:center;

	font-size:0.85em;

	margin:0;

	padding:0;

	display:inline;

}

#topnav ul li a:link, #topnav ul li a:visited {

	color:#fff;

	text-decoration:none;

	font-weight:normal;

	padding:0 10px;

	border-right:#FFF solid 1px;

	background:none;

}

#topnav ul li a:hover, #topnav ul li a:active {

	text-decoration:underline;

}

/*dentro de lefttab*/





	#lefttab ul {

	padding:2px;

	min-height:70px;

	margin:0;

	list-style:none;

}

#lefttab ul li {

	float:left;

	height:20px;

	margin: 0 0 5px 0;

	padding:0;

	text-indent:-999em;

	display:block;

}

#lefttab ul li a:link, #lefttab ul li a:visited {

	color:#fff;

	display:block;

	margin:0;

	padding:0;

	height: 22px;

	width:22px;

}

#lefttab ul li a:hover, #lefttab ul li a:active {

	border-bottom:solid 1px #fff;

}

.item-inicio a:link, .item-inicio a:visited {

	background:url(../images/lefttab_inicio.gif) top no-repeat;

}

.item-mapa a:link, .item-mapa a:visited {

	background:url(../images/lefttab_mapa.gif) top no-repeat;

}

.item-contacto a:link, .item-contacto a:visited {

	background:url(../images/lefttab_contacto.gif) top no-repeat;

}

/*dentro de header*/





#search {

	margin:5px 30px 45px 0;

	padding:0;

	height:35px;

	width:200px;

	float:right;

	text-align:right;

}

#mainnav {

	margin:5px 20px 0 20px;

	padding:0;

	width:960px;

	float:left;

}

#mainnav ul {

	padding:0;

	margin:0;

	list-style:none;

}

#mainnav ul li {

	float:left;

	color:#fff;

	text-align:center;

	margin:0;

	padding:0 5px 0 0;

}

#mainnav ul li a:link, #mainnav ul li a:visited {

	padding:5px 10px 0 10px;

	color:#326B9B;

	text-decoration:none;

	display:block;

	height:19px;

	background:url(../images/bg_mainnav.gif) top repeat-x;

}

#mainnav ul li a:hover, #mainnav ul li a:active {

	text-decoration:none;

	background:url(../images/bg_mainnav_h.gif) top repeat-x;

}

/*dentro de container*/





#left-col {

	margin:0;

	padding:10px 5px 10px 0;

	width:226px;

	float:left;

	background:url(../images/bg_left.gif) top repeat-x #D7DDEC;

}

#left-col h3 {

	height:30px;

	text-indent:-999em;

	overflow:hidden;

}

#content {

	margin:0 auto;

	padding:5px 0 0 0;

	width:715px;

	float:right;

	background:#fff;

}

#footer {

	margin:0 20px;

	padding:10px;

	width:940px;

	float:left;

	background:#E6E6E6;

}

#footer p {

	font-size:0.85em;

	color:#1E3247;

	margin:0;

}

/*dentro de left col*/

		#leftnav {

	margin:0;

	padding:0;

	width:230px;

	float:left;

	background:url(../images/h3_recursos.gif) top left no-repeat;

}

#leftnav p {

	color:#808080;

	font-size:0.85em;

	margin:0 0 10px 25px;

	text-align:left;

}

#leftnav ul {

	padding:0;

	margin:0;

	list-style:none;

}

#leftnav ul li {

	float:left;

	width:230px;

	text-align:left;

	margin:0;

	padding:0;

	border-top:#999 dotted 1px;

}

#leftnav ul li a, #leftnav ul li a:link, #leftnav ul li a:visited {

	padding:5px 10px 0 25px;

	color:#6C499B;

	font-size:1.2em;

	text-decoration:none;

	font-weight:100;

	display:block;

	height:22px;

	background:url(../images/bullet1.gif) top left no-repeat;

}

#leftnav ul li a:hover, #leftnav ul li a:active {

	text-decoration:none;

	background:url(../images/bg_leftnav_h.png) top left no-repeat;

	color:#4C3670;

}

#suscripcion {

	margin:20px 0 0 0;

	padding:5px 0;

	width:230px;

	height:120px;

	float:left;

	background:url(../images/bg_suscripcion.gif) top repeat-x;

}

#suscripcion h3 {

	background:url(../images/h3_suscripcion.gif) top left no-repeat;

}

/*dentro de content*/



#breadcrums {

	margin:20px 0 0 0;

	padding:0;

	width:690px;

	float:left;

	border-bottom:#f2f2f2 1px dotted;

	font-size:0.9em;

	color:#AFAFAF;
	text-align:left;

}

#cajatxt {

	margin:20px 0 0 0;

	padding:0;

	width:690px;

	float:left;

}

#cajatxt ul {

	padding:5px 0 0 0;

	margin:0 0 10px 30px;

	list-style:none;

}

#cajatxt ul li {

	text-align:left;

	margin:0;

	padding:3px 0 0 10px;

	background:url(../images/bullet3.gif) top left no-repeat;

}

#cajatxt ul li a:link, #cajatxt ul li a:visited, #content a:link, #content a:visited, #content2 a:link, #content2 a:visited  {

	color:#326B9B;

	text-decoration:none;

	font-weight:normal;

	padding:0;

}

#cajatxt ul li a:hover, #cajatxt ul li a:active, #content a:hover, #content a:active {

	text-decoration:underline;

}

#banner-principal {

	margin:20px 0 0 0;

	padding:0;

	width:690px;

	height:175px;

	float:left;

	border:#fff 5px solid;

	-webkit-box-shadow: 0px 0px 5px #eee;

	-moz-box-shadow: 0px 0px 5px #eee;

}

#secciones-destacadas {

	margin:20px 0 0 0;

	padding:0;

	width:690px;

	float:left;

}

#secciones-destacadas ul {

	margin:0;

	padding:0;

	width:960px;

	float:left;

	list-style:none;

}

#secciones-destacadas ul li {

	margin:0 5px;

	float:left;

}

#secciones-destacadas ul li a:link, #secciones-destacadas ul li a:visited {

	border-right:dotted #CCC 1px;

	display:block;

	text-indent:-999em;

	overflow:hidden;

	width:130px;

	height:120px;

}

.item1 a:link, .item1 a:visited {

	background:url(../images/campus.jpg) top left no-repeat;

}

.item2 a:link, .item2 a:visited {

	background:url(../images/comunidades.jpg) top no-repeat;

}

.item3 a:link, .item3 a:visited {

	background:url(../images/wiki.jpg) top no-repeat;

}

.item4 a:link, .item4 a:visited {

	background:url(../images/cursos.jpg) top no-repeat;

}

.item5 a:link, .item5 a:visited {

	background:url(../images/video.jpg) top no-repeat;

}

#banners {

	margin:20px 0px;

	padding:0;

	width:715px;

	float:left;

}

#banner-1 {

	margin:0;

	padding:0;

	width:235px;

	height:170px;

	float:left;

}

#banner-2 {

	margin:0;

	padding:0;

	width:235px;

	height:170px;

	float:left;

}

#mod-actividades {

	margin:0 5px;

	padding:5px;

	width:215px;

	height:160px;

	float:left;

	background:#e7eaf2;

}

#mod-actividades h3 {

	height:30px;

	text-indent:-999em;

	overflow:hidden;

	background:url(../images/h3_actividades.gif) top left no-repeat;

}

#mod-actividades ul {

	padding: 0;

	margin:0 5px 0 10px;

	list-style:none;

	float:left;

	font-size:0.85em;

}

#mod-actividades ul li {

	text-align:left;

	margin: 0 0 5px 0;

	padding:0 0 0 12px;

	background:url(../images/bullet2.gif) top left no-repeat;

}

#mod-actividades ul li a:link, #mod-actividades ul li a:visited {

	color:#333;

	text-decoration:none;

}

#mod-actividades ul li a:hover, #mod-actividades ul li a:active {

	text-decoration:underline;

}

/*dentro de footer*/



#footer-left {

	margin:0;

	padding:5px;

	width:560px;

	float:left;

}

#footer-right {

	margin:0;

	padding:5px;

	width:340px;

	float:right;

	text-align:right;

}

/*classes*/



.no-border {

	border:none

}

.banner {

	margin:5px 6px 0 6px;

	float:left;

}

.fotos {

	margin:10px;

	float:right;

}

.logos {

	margin:5px;

	border:none;

}

.destacados {

	font-weight:bold;

	color:#222;

}

a.destacados {

	font-weight:bold;

	color:#F7881E;

	text-decoration:none;

}

a.destacados:hover {

	font-weight:bold;

	color:#FBB03B;

}

a.readon {

	text-align:right;

	float:right;

	color:#6C499B;

	text-decoration:none;

	font-size:0.85em;

}

a.readon:hover {

	text-decoration:underline;

}

a.link {

	color:inherit;

	font-weight:bold;

	text-decoration:none;

}

a.link:hover {

	text-decoration:underline;

}

.button {

	height:20px;

	border:none!Important;

	background:#00A99D url(../images/bg_btn.gif) repeat-x top;

	color:#fff;

	margin:3px;

	padding:2px 4px;

	text-decoration:none;

	text-align:center;

}

.button:hover {

	background:#00A99D;

	text-decoration:none;

}

.search input, #search .inputbox {

	padding:1px;

	color:#808080;

	font-size:8pt;

	margin: 0;

	float:left;

	width:164px;

	height:24px;

	background:url(../images/bg_search.gif) top left no-repeat #fff;

	border:#CCC 1px solid;

	text-align:center;

}

.search .button, #search .button {

	border:none !Important;

	background:#00A99D url(../images/bg_btn.gif) repeat-x top;

	color:#fff;

	margin:0;

	font-size:8pt;

	width:30px;

	height:30px;

}

.search .button:hover, #search .button:hover {

	background:#00A99D;

}

.inputbox, .text_area {

	padding: 2px!Important;

	border:#CCC 1px solid;

	background:#fff;

	color:#7a7a7a;

	font-size:8pt;

	margin: 3px 0 8px 0;

}



#suscripcion .inputbox {

width:190px;

}



fieldset {

border:none;

font-size:0.9em;

text-align:left;

}



.fila {

border:1px dotted #ccc;

padding:4px;

color:#666666;

font-size:0.9em;

}



.filahead {



background:#ccc;

padding:4px;

color:#333;

font-size:0.9em;

border-collapse:collapse;

}



.fila p, .sectiontableentry1 p, .sectiontableentry2 p, .sectiontableheader p {

margin:0 0 3px 0;

padding:0px;

color:#666666;

font-size:0.9em;

text-align:left;

}



.sectiontableheader {

	padding: 5px 5px 5px 5px;

	background: #ebebeb;

	border-bottom: 1px solid #b4b4b4;

	font-weight : bold;

}



 

tr.sectiontableentry1 td {

	padding: 5px 5px 5px 5px;

	background: #fafafa;

	border-bottom: 1px solid #dcdcdc;

	text-align:left;

}



 

tr.sectiontableentry2 td {

	padding: 5px 5px 5px 5px;

	background: #f0f0f0;

	border-bottom: 1px solid #dcdcdc;

	text-align:left;

}



 

td.sectiontableentry1 {

	padding: 5px 5px 5px 5px;

	background: #fafafa;

	border-bottom: 1px solid #dcdcdc;

	text-align:left;

}



 

td.sectiontableentry2 {

	padding: 5px 5px 5px 5px;

	background: #f0f0f0;

	border-bottom: 1px solid #dcdcdc;

	text-align:left;

}



.sectiontablefooter, .pagecounter {

font-size:0.9em;

color:#666;

padding:5px;

margin:0 auto;

}



hr {

border-top:1px dotted #ccc;

height:1px;

border-left: none;

border-right: none;

border-bottom: none;

}

.pagenav, .small{
font-size:0.9em;
}

.breadcrums {
font-size:0.9em;
text-align:left;
float:left;
}

.buttonheading img {
border:0;
}

/*HACKS*/

.clearfix:after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.clearfix {

	display: inline-block;

}

/* Hides from IE-mac \*/

* html .clearfix {

	height: 1%;

}

.clearfix {

	display: block;

}

/* End hide from IE-mac */





/*slider*/

div#header_hotslider div#slide-holder div#slide-controls p.text {

	float:left;

	color:#FFE63C;

	display:inline;

	padding:2px 0 2px 2px;

	font-size:20px!important;

	font-weight:bold;

	font-family:"Trebuchet MS", Arial, Verdana, sans-serif;

	margin:15px 0 0 10px;

	text-transform:none!important;

	overflow:hidden;

}

div#header_hotslider div#slide-holder div#slide-controls {

	top:95px;

	height:80px;

}

div#header_hotslider div#slide-holder div#slide-controls p.textdesc {

	text-transform:none!Important;

	padding:2px 0 0 0;

	margin:0 0 0 15px;

	font-family:Arial, Helvetica, sans-serif;

}

#google_translate_element {
float:right!Important;
}

#topnav select {
height: 15px;
border:0;
background:#FFFFFF;
color:#666666;
font-size:0.9em;
float:right;

}

img {
border:none;}