* { margin: 0; padding: 0; border: 0; }
/*body {background-color: #8e9ea8; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 16px; text-align: center;}*/
body {background-color: #8e9ea8; font-family: sans-serif; font-size: 8pt; text-align: center;}
body div#cuerpo {width: 950px; display: block; margin-left: auto; margin-right: auto;}

/******* Cabecera *******/

div#cabecera {margin-top: 50px;}

div#cabecera div.izquierda {float: left;}
div#cabecera div.izquierda h1 {float: left;}
div#cabecera div.izquierda h1 a {text-decoration: none; color: #fff; font-size: 38pt;}
div#cabecera div.izquierda h2 {margin: 20px 0 0 10px; float: left; color: white; font-size: 8pt; width: 180px; text-align: left;}

div#cabecera div.derecha {float: right;}
div#cabecera div.derecha ul {list-style: none; float: left; margin-top: 20px;}
div#cabecera div.derecha ul li {display: inline; margin: 5px;}
div#cabecera div.derecha ul li a {font-size: 10pt; text-decoration: none; color: #fff;}
div#cabecera div.derecha ul li a:hover {text-decoration: underline;}
div#cabecera div.derecha form {float: left; background: transparent url(../img/search.jpg) top left no-repeat; font-size: 8pt; width: 120px; height: 57PX; margin: 15px 15px 0 20px;}
div#cabecera div.derecha form p input {width: 84px; height: 19px; border: 0; color: #808183; margin: 5px 0 0 32px;}
div#cabecera div.derecha form p input.oculto {display: none;}
div#cabecera div.derecha a.enlace-top {float: left; margin: 15px 0 0 10px; font-size: 10pt; text-decoration: none; color: #fff;}
div#cabecera div.derecha a.enlace-top:hover {text-decoration: underline;}

/******* Contenido *******/

div#contenido {clear: both; float: left; width: 100%; background: white url(../img/izquierda_fondo.png) 2px top repeat-y; padding: 2px; text-align: left;}

/******* Menu Izquierda *******/

div#contenido div.izquierda {width: 135px; float: left;}

div#contenido div.izquierda ul.menu {list-style: none; background: #fff; padding-bottom: 2px;}
div#contenido div.izquierda ul.menu li {min-height: 38px; margin-top: 2px; background: #d3d3d3 url(../img/bg_mnu_off.jpg) top left repeat-x;}
div#contenido div.izquierda ul.menu li:first-child {margin-top: 0;}
div#contenido div.izquierda ul.menu li:hover {background: #f39f01 url(../img/bg_mnu_on.jpg) top left repeat-x;}
div#contenido div.izquierda ul.menu li a {display: table-cell; height: 38px; width: 135px; padding: 2% 10%; color: white; text-decoration: none; font-size: 8pt; vertical-align: middle; text-align: left; font-weight: bold;}

div#contenido div.izquierda div {background-color: #efeff0;}
div#contenido div.izquierda div h4 {font-size: 10pt; color: #858587; font-weight: normal; padding: 20px 0 0 15px; margin-bottom: 10px;}
div#contenido div.izquierda div ul li {list-style: none; text-align: center; padding-bottom: 20px;}

/******* Menu Derecha *******/

div#contenido div.derecha {width: 204px; float: right; margin-top: -2px; margin-right: 21px;}
div#contenido div.derecha ul.enlaces {font-size: 8pt; list-style: none; background-color: #D7D8D9; height: 30px; width: 100%;}
div#contenido div.derecha ul.enlaces li {display: inline;}
div#contenido div.derecha ul.enlaces li a {display: table-cell; vertical-align: middle; text-decoration: none; color: #00807a; height: 35px; border-left: solid 4px #fff; text-align: center; padding: 0 5px;}
div#contenido div.derecha ul.enlaces li.primero a {border-left: none;}

div#contenido div.derecha div.caja {width: 100%; min-height: 160px; margin-top: 20px; background: #ededed url(../img/caja_fondo.png) top left repeat-x; float: left;}
div#contenido div.derecha div.caja div.esquina {width: 100%; min-height: 160px; float: left; background: transparent url(../img/caja_esquina.png) top right no-repeat;}

div#contenido div.derecha div.caja div.esquina form {margin: 10px;}
div#contenido div.derecha div.caja div.esquina form div h4 {color: #00807a; font-size: 8pt;}
div#contenido div.derecha div.caja div.esquina form div label {display: block; margin-top: 10px;}
div#contenido div.derecha div.caja div.esquina form div input {border: solid 1px #00807a; height: 18px; width: 147px; padding: 2px 4px;}
div#contenido div.derecha div.caja div.esquina form div span {display: block; height: 23px; width: 70px; margin-top: 10px; background: transparent url(../img/bt_entrar_esquina.png) right center no-repeat;}
div#contenido div.derecha div.caja div.esquina form div span input.submit {border: 0; background: #00807a url(../img/bt_entrar_fondo.png) left center repeat-x; color: #fff; width: 55px; height: 23px;}
div#contenido div.derecha div.caja div.esquina form div.salir {width: 80%;}
div#contenido div.derecha div.caja div.esquina form div.salir h4 {margin-bottom: 15px;}

div#contenido div.derecha div.caja div.esquina ul {list-style: none; margin: 0 0 10px 10px;}
div#contenido div.derecha div.caja div.esquina ul li {display: inline; background: transparent url(../img/equal2.png) center left no-repeat; padding-left: 12px;}
div#contenido div.derecha div.caja div.esquina ul li.primero {background: none; padding-left: 0;}
div#contenido div.derecha div.caja div.esquina ul li a {text-decoration: none; color: #6f6f71; font-size: 8pt;}
div#contenido div.derecha div.caja div.esquina ul li a:hover {text-decoration: underline;}

div#contenido div.derecha div.caja div.esquina img {margin: 20px;}
div#contenido div.derecha div.caja div.esquina p {margin: 0 20px 20px;}
div#contenido div.derecha div.caja div.esquina p a {color: #00807a; text-decoration: none;}
div#contenido div.derecha div.caja div.esquina p a:hover {text-decoration: underline;}

div#contenido div.derecha ul.sponsors {float: left; list-style: none; width: 204px;}
div#contenido div.derecha ul.sponsors li {width: 204px; text-align: center; margin-top: 20px;}

/******* Contenido Centro *******/

div#contenido div.centro {float: left; margin: 20px; width: 545px;}
/*div#contenido div.centro {border: solid 1px green;} */

	/******* Contenido Contacto *******/
	div.contacto h3 {display: block; width: 537px; height: 23px; padding: 6px 0 0 8px; background: #e96911 url(../img/background_agenda.png) left top repeat-x; color: #fff; font-weight: bold; font-size: 9pt;}
	/*div.contacto p {color: #6f6f71; font-size: 10pt; margin: 10px 0;}*/
	/*div.contacto p span {color: #d47e1c;}*/
	div.contacto div.contenido {color: #6f6f71; font-size: 10pt; margin: 10px 0;}
	div.contacto form div h4 {color: #007f67; font-size: 10pt; margin: 20px 0 15px;}
	div.contacto form div h5 {color: #007f67; font-size: 9pt; margin: 10px 0 10px;}
	div.contacto form div div label {color: #007f67; font-size: 8pt; display: block; font-weight: bold; margin: 6px 0;}
	div.contacto form div div label a {color: #007f67;}
	div.contacto form div div input {width: 535px; height: 23px; padding: 5px 5px 0; background: #e7e7e7 url(../img/bg_contacto_input.png) left top repeat-x;}
	div.contacto form div div input.error {background: #f6c2c4 url(../img/bg_contacto_input_error.png) left top repeat-x;}
	div.contacto form div div input.checkbox {float: left; margin-right: 8px; width: auto; height: auto;}
	div.contacto form div div textarea {width: 535px; height: 138px; padding: 5px; background: #e7e7e7 url(../img/bg_contacto_textarea.png) left top repeat-x;}
	div.contacto form div div textarea.error {background: #f6c2c4 url(../img/bg_contacto_textarea_error.png) left top repeat-x;}
	div.contacto form div div.botones {float: right; margin-top: 10px;}
	div.contacto form div div.botones span {margin-left: 10px; float: left; height: 23px; width: 70px;}
	div.contacto form div div.botones span input {width: 58px; padding: 0; border: 0; height: 23px; color: #fff;}
	div.contacto form div div.botones span.submit {background: transparent url(../img/bt_entrar_esquina.png) right center no-repeat;}
	div.contacto form div div.botones span.submit input {background: #00807a url(../img/bt_entrar_fondo.png) left center repeat-x;}
	div.contacto form div div.botones span.borrar {background: transparent url(../img/bt_borrar_esquina.png) right center no-repeat;}
	div.contacto form div div.botones span.borrar input {background: #a0a1a3 url(../img/bt_borrar_fondo.png) left center repeat-x;}
	div.contacto div.mensaje {border: dotted 1px red; padding: 5px; margin: 5px 0;}
	div.contacto div.mensaje ul li {list-style: disc inside;}
	
	/******* Contenido listadoNoticias *******/
	div.listadoNoticias h3 {display: block; width: 537px; height: 23px; padding: 6px 0 0 8px; background: #007051 url(../img/background_noticias.png) left top repeat-x; color: #fff; font-weight: bold; font-size: 9pt;}
	div.listadoNoticias ul {margin: 0; padding: 0; list-style: none;}
	div.listadoNoticias ul li {margin: 0; padding: 0;}
	div.listadoNoticias ul li div.seccionTitulo {display: block; width: 529px; height: 23px; margin: 25px 0 0; padding: 6px 8px 0; border: 0; background: #565656 url(../img/background_noticias_gris.png) left top repeat-x;}
	div.listadoNoticias ul li div.seccionTitulo h3 {float: left; display: inline; width: auto; height: auto; padding: 0; background: 0;}
	div.listadoNoticias ul li div.seccionTitulo a {float: right; color: #fff; text-decoration: none; font-weight: bold; margin: 3px 10px 0 0;}
	div.listadoNoticias ul li div.seccionTitulo a:hover {text-decoration: underline;}
	div.listadoNoticias ul li div.seccionTitulo img {float: right; cursor: pointer;}
	div.listadoNoticias ul li div.seccionNoticias {clear: both; margin: 0; padding: 0; border: 0;}
	div.listadoNoticias div {width: 100%; margin-top: 15px; padding-bottom: 5px; border-bottom: dotted 1px #007051;}
	div.listadoNoticias div h4 {color: #007051; font-size: 8pt;}
	div.listadoNoticias div h5 {color: #007051; font-size: 8pt; float: right;}
	div.listadoNoticias div p {margin-top: 10px; color: #6f6f71; }
	div.listadoNoticias div p a {color: #007051; text-decoration: none;}
	div.listadoNoticias div p a:hover {text-decoration: underline;}

	/******* Contenido Noticia *******/
	div.noticia div.titulo {display: block; width: 529px; height: 23px; padding: 6px 8px 0; background: #007051 url(../img/background_noticias.png) left top repeat-x; color: #fff;}
	div.noticia div.titulo h3 {float: left; font-weight: bold; font-size: 9pt;}
	div.noticia div.titulo h4 {float: right; font-size: 9pt;}
	div.noticia div.contenido {margin-top: 10px; padding-bottom: 5px; color: #6f6f71; border-bottom: dotted 1px #007051; font-size: 10pt;}
	div.noticia div.contenido a {color: #007051; text-decoration: none;}
	div.noticia div.contenido a:hover {text-decoration: underline;}
	
	/******* Contenido listadoEventos *******/
	div.listadoEventos h3 {display: block; width: 537px; height: 23px; padding: 6px 0 0 8px; background: #e96911 url(../img/background_agenda.png) left top repeat-x; color: #fff; font-weight: bold; font-size: 9pt;}
	div.listadoEventos div {width: 100%; margin-top: 15px; padding-bottom: 5px; border-bottom: dotted 1px #e96911;}
	div.listadoEventos div h4 {color: #e96911; font-size: 8pt;}
	div.listadoEventos div h5 {color: #e96911; font-size: 8pt; float: right;}
	div.listadoEventos div p {margin-top: 10px; color: #6f6f71; }
	div.listadoEventos div p a {color: #e96911; text-decoration: none;}
	div.listadoEventos div p a:hover {text-decoration: underline;}

	/******* Contenido Evento *******/
	div.evento div.titulo {display: block; width: 529px; height: 23px; padding: 6px 8px 0; background: #e96911 url(../img/background_agenda.png) left top repeat-x; color: #fff;}
	div.evento div.titulo h3 {float: left; font-weight: bold; font-size: 9pt;}
	div.evento div.titulo h4 {float: right; font-size: 9pt;}
	div.evento div.contenido {margin-top: 10px; padding-bottom: 5px; color: #6f6f71; border-bottom: dotted 1px #e96911; font-size: 10pt;}
	div.evento div.contenido a {color: #e96911; text-decoration: none;}
	div.evento div.contenido a:hover {text-decoration: underline;}

	/******* Contenido Contenido *******/
	div.contenidoVario div.titulo {display: block; width: 529px; height: 23px; padding: 6px 8px 0; background: #007051 url(../img/background_noticias.png) left top repeat-x; color: #fff;}
	div.contenidoVario div.titulo h3 {float: left; font-weight: bold; font-size: 9pt;}
	div.contenidoVario div.contenido {margin-top: 10px; padding-bottom: 5px; color: #6f6f71; border-bottom: dotted 1px #007051; font-size: 10pt;}
	div.contenidoVario div.contenido a {color: #007051; text-decoration: none;}
	div.contenidoVario div.contenido a:hover {text-decoration: underline;}

/******* Contenido Index *******/

div#contenido div.index {float: left; width: 770px; margin: -2px 20px 0;}

div#contenido div.index div.imagen {float: left; width: 757px; height: 230px; background: transparent url(../img/foto_index_06.jpg) left top no-repeat; padding-left: 13px;}
div#contenido div.index div.imagen ul {list-style: none;}
div#contenido div.index div.imagen ul li {display: block; float: left; background-color: #dcecde; opacity: 0.85; height: 29px; margin-right: 5px; padding: 0 5px;}
div#contenido div.index div.imagen ul li a {display: table-cell; height: 29px; vertical-align: middle; text-decoration: none; color: #00817b;}

div#contenido div.index div.medio {float: left; width: 100%;}

div#contenido div.index div.medio div.derecha {float: right; margin: 0; width: 320px;}
div#contenido div.index div.medio div.derecha div.ingreso {padding: 10px 5px 5px; width: 310px; height: 73px; background: #ededed url(../img/ingreso_fondo.png) left top repeat-x;}
div#contenido div.index div.medio div.derecha div.ingreso h4 {color: #00807a; float: left;}
div#contenido div.index div.medio div.derecha div.ingreso ul {list-style: none; float: right;}
div#contenido div.index div.medio div.derecha div.ingreso ul li {display: inline; background: transparent url(../img/equal2.png) center left no-repeat; padding-left: 12px;}
div#contenido div.index div.medio div.derecha div.ingreso ul li.primero {background: none; padding-left: 0;}
div#contenido div.index div.medio div.derecha div.ingreso ul li a {text-decoration: none; color: #6f6f71; font-size: 8pt;}
div#contenido div.index div.medio div.derecha div.ingreso ul li a:hover {text-decoration: underline;}
div#contenido div.index div.medio div.derecha div.ingreso form {clear: both; display: block; padding-top: 15px;}
div#contenido div.index div.medio div.derecha div.ingreso form div span {display: block; float: left; margin-right: 5px;}
div#contenido div.index div.medio div.derecha div.ingreso form div span label {display: block; color: #9b9c9e;}
div#contenido div.index div.medio div.derecha div.ingreso form div span input {display: block; padding: 2px 4px; width: 104px; height: 17px; border: solid 1px #008066; color: #9b9c9e;}
div#contenido div.index div.medio div.derecha div.ingreso form div span.submit {height: 23px; width: 65px; margin-top: 13px; background: transparent url(../img/bt_entrar_esquina.png) right center no-repeat;}
div#contenido div.index div.medio div.derecha div.ingreso form div span.submit input.submit {border: 0; background: #00807a url(../img/bt_entrar_fondo.png) left center repeat-x; color: #fff; width: 50px; height: 23px;}
div#contenido div.index div.medio div.derecha div.ingreso form div.salir span {margin: 3px 0 0 14px;}
div#contenido div.index div.medio div.derecha div.ingreso form div.salir span h3 {color: #00807a; width: 205px;}
div#contenido div.index div.medio div.derecha div.ingreso form div.salir span.submit {margin: 0 20px 0 0; float: right;}

div#contenido div.index div.medio div.derecha div.caja div.esquina div {width: 100%; min-height: 160px; float: left; background: transparent url(../img/mobile_imagen.png) 190px bottom no-repeat;}
div#contenido div.index div.medio div.derecha div.caja div.esquina div img {margin: 20px;}
div#contenido div.index div.medio div.derecha div.caja div.esquina div p {width: 150px;}
div#contenido div.index div.medio div.derecha div.caja div.esquina div p a {color: #00807a; text-decoration: none;}
div#contenido div.index div.medio div.derecha div.caja div.esquina div p a:hover {text-decoration: underline;}

div#contenido div.index div.medio div.izquierda {float: left; margin: 15px 0 0; width: 430px;}
div#contenido div.index div.medio div.izquierda div {width: 210px; background: transparent;}
div#contenido div.index div.medio div.izquierda div h3 {font-size: 8pt; font-weight: bold; color: #fff; height: 19px; width: 420; padding: 10px 0 0 10px;}
div#contenido div.index div.medio div.izquierda div h4 {font-size: 8pt; margin: 13px 0 0; padding: 0;}
div#contenido div.index div.medio div.izquierda div p {text-align: left;}

div#contenido div.index div.medio div.izquierda div.agenda {float: left;}
div#contenido div.index div.medio div.izquierda div.agenda h3 {background: #e96911 url(../img/background_agenda.png) left center repeat-x;}
div#contenido div.index div.medio div.izquierda div.agenda h4 {color: #e96911;}
div#contenido div.index div.medio div.izquierda div.noticias {float: right;}
div#contenido div.index div.medio div.izquierda div.noticias h3 {background: #007051 url(../img/background_noticias.png) left center repeat-x;}
div#contenido div.index div.medio div.izquierda div.noticias h4 {color: #007051;}
div#contenido div.index div.medio div.izquierda div.noticias img {float: right; position: relative; top: -33px; left: 5px;}


div#contenido div.index ul.sponsors {clear: both; list-style: none; padding-top:20px;}
div#contenido div.index ul.sponsors li {display: block; float: left; width: 115px; height: 50px; margin-bottom: 20px; /*margin-right: 48px;*/ margin-right: 38px;}
div#contenido div.index ul.sponsors li.ultimo {margin-right: 0;}
div#contenido div.index ul.sponsors li a {display: table-cell; width: 115px; height: 50px; vertical-align: middle;}

/******* Pie *******/

div#pie {clear: both; padding: 10px 0 20px; margin-bottom: 10px; font-size: 10pt;}
div#pie div {display: block;}
div#pie div ul {color: white;}
div#pie div ul li {list-style: none; float: left;}
div#pie div ul li.equal {background: transparent url(../img/equal.png) 5px center no-repeat; padding-left: 20px;}
div#pie div ul li.nagenar {float: right;}
div#pie div ul li a {float: none; text-decoration: none; color: white;}
div#pie div ul li a:hover {text-decoration: underline;}