html { 
	padding: 0;
	margin: 0;
}

body {
	margin: 0;
	padding: 0;
	font-size:62.5%;
	font-family: "Trebuchet MS", Arial, sans-serif;
	/*background: #fff url(../img/body-fondo.gif) repeat-y center 0;*/
	text-align: center;
	color: #808080;
	padding-bottom:20px;
}

/* ============ TAGS GLOBALES ============ */

img {border: 0;}

ul, ol, li, dl, dt, dd {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

a { text-decoration: none; }

h1,h2,h3,h4,h5,h6 {padding: 0; margin: 0;}

form,fieldset,label,input {padding: 0; margin: 0;}

fieldset {border: 0;}

p {margin: 1em 0;}

.hidden {display: none;}
.clear {clear: both;}

button {cursor: pointer; }

.block {display: block !important; }

/* ============ ORGANIZACION ESTRUCTURAL ============ */

#wrapper { width: 770px; background-color: #fff; margin: 0 auto; text-align: left; position: relative; overflow: hidden; }
	
#top {}
	#isologo {display: block; float: left; width: 296px; height: 98px; margin-top: 5px; }
	#top h1 {font-size: 18px; text-transform: uppercase; color: #121f2f; float: right; text-align: right; margin-top: 23px; }
	#top .face { display:block; clear:both; position:absolute; top:69px; left:662px; overflow:hidden; }

	#top span {display: block; font: normal 14px Arial, sans-serif; color: #7c817f; text-transform: none;}
	#top ul {clear: both; width: 771px; background-color: #7cc3c1; overflow: hidden; margin-top: 10px; float: left; border-bottom: 1px solid #fff;}
		#top li {float: left; }
		#top .primero a {border: none; padding: 2px 10px;}
		#top li a {display: block; border-left: 1px solid #fff; color: #073a39; font-weight: bold; font-size: 12px; text-align: center; padding: 2px 9px; }
		#top li a:hover {background-color: #0a4d4c; color: #fff; }

.imgHome {display: block; margin-bottom: 14px; clear: both; position:relative; width:770px; height:210px; }
.fotos {margin-bottom: 15px; float: left; width: 770px;}
	.fotos img {display: block; float: left; border-right: 1px solid #fff; }

.colAzul {width: 200px; margin-left: 0px; float: left; padding: 0 0 0 10px; background: url(../img/fondo-col.gif) repeat-y; }
.colAzul div {background-color: #15AFAB; padding: 12px 10px 10px 10px; }
	.colAzul h2 {color: #fff; font-size: 14px; background-color: #121f2f; font-weight: normal; padding: 1px 2px; margin: 0 -5px; text-align: center; }
	.colAzul h3 {color: #121f2f; line-height: 1.2; font: normal 14px Arial; padding: 10px 0 5px 0; background: url(../img/punteado-hor.gif) repeat-x 0 bottom; }
	.colAzul h4 {color: #fff; line-height: 1.2; font-size: 11px; margin-top: 5px; }
	.colAzul div ul {margin: 5px 0 0 10px; }
	.colAzul div li {padding-left: 15px; background: url(../img/bullet-centros.gif) no-repeat 0 6px; color: #fff; text-decoration: underline; font-size: 14px;}
		.colAzul div li a {color: #fff; }
#accesofares {background-color: #808080; font-size: 11px; display: block; color: #fff; padding: 5px 10px; text-decoration: underline; margin: 5px 0; }
#linksul {margin-left: 10px; }
#linksul a {color: #cf2811; font-size: 13px; }

.colAzul #video { display:block; clear:both; position:relative; overflow:hidden; width:190px; padding:5px; background:#bdc2bb; margin-top:5px;}
.colAzul #video h2 { display:block; overflow:hidden; position:relative; background:#121f30; font:bold 12px Arial; color:#fff; width:170px; padding:5px 10px; margin:0; text-align:left; margin-bottom:5px;}
.colAzul #video .titulo { display:block; overflow:hidden; position:relative; background:#fff; font:normal 12px Arial; color:#000; width:170px; padding:5px 10px; margin:0; text-align:left; margin-bottom:5px; margin-top:5px; }
.colAzul #video .mas { display:block; clear:both; margin:10px 0; overflow:hidden; font:normal 12px Arial; color:#000; }
.colAzul #video a.mas { color:#000; }
.colAzul #video .mas:hover { color:#000; text-decoration:underline; }


.colsHometotal {  padding: 15px 5px 10px 15px; background: url(../img/punteado-ver.gif) repeat-y 4px 0; }


.colsHome {width: 255px; float: left; padding: 15px 5px 10px 15px; background: url(../img/punteado-ver.gif) repeat-y 4px 0; }
	.colsHome h2 {color: #247472; font-size: 24px; font-weight: normal; }
	.colsHome ul {margin: 5px 0;}
	.colsHome li {font: normal 12px Arial, sans-serif; padding-left: 12px; background: url(../img/bullet.png) no-repeat 0 4px; margin-bottom: 4px; }
		.colsHome li a {color: #646464; }
		.colsHome li a:hover {color: #000; }
	.masNotis {display: block; color: #cf2811; font-size: 13px; }
	.masNotis:hover {text-decoration: underline;}
	
.textos {width: 549px; float: left; margin-left: 11px; font: normal 11px Georgia, serif; color: #808080; padding-bottom: 10px;}
	.textos strong {color: #247472; }
	.textos .titulo { display:block; overflow:hidden; position:relative; font:normal 15px Arial; color:#000;   margin:0; text-align:left; margin-bottom:5px; margin-top:5px; }
	.textos h3 {color:#247472;font: bold 20px "Trebuchet MS", sans-serif; padding-bottom: 7px; border-bottom: 2px solid #ccc;}
	.textos h4 {font: normal 16px "Trebuchet MS", sans-serif; padding-bottom: 5px; border-bottom: 2px solid #ccc; margin: 10px 0;  }
	.textos h5 {font: normal 12px "Trebuchet MS", sans-serif; background-color: #e6e1d5; margin: 20px 0 5px 0;  padding-left: 12px;}
	.textos p a {color: #cf2811; text-decoration: underline; }
	.textos ul, .textos ol {margin: 0.5em 0; }
		.textos ul li {padding-left: 12px; background: url(../img/bullet.png) no-repeat 0 4px; margin-bottom: 0.8em;}
		.textos ol li {list-style: decimal inside; margin-bottom: 4px; font-weight: bold; color: #4d4d4d;}
		.textos li a {color: #933; text-decoration: underline; }
	.textos table {width: 549px; border-left: 1px solid #d1c9b5; }
		.textos table th {background-color: #d1c9b5; color: #504a4a; font-family: "Trebuchet MS", sans-serif; padding: 1px 14px; }
		.textos table td {border: 1px solid #d1c9b5; border-width: 0 1px 1px 0; padding: 3px 14px; width: 50%;}
		
	.textos ul.listaVideos { display:block; clear:both; position:relative; overflow:hidden; margin:5px 0; }
		.textos .listaVideos li { display:block; overflow:hidden; position:relative; background:none; margin:0; padding:0; margin-bottom:10px; }
		.textos .listaVideos li a { text-decoration:none; }
		.textos .listaVideos li img { display:inline; float:left; margin-right:10px; border:1px solid #ccc; padding:3px; }
		.textos .listaVideos li h3 { font:bold 14px Arial; color:#247472; border:none; }
		.textos .listaVideos li .intro { font:normal 12px Arial; color:#000; }

	.centros {font-size: 1.1em; line-height: 1.7;}
	
	.textos .olnoticias {}
		.textos .olnoticias li {list-style: decimal-leading-zero inside; margin: 0 0 0 0; font: normal 12px Arial, sans-serif; padding: 6px 0 10px 27px; text-indent: -25px; background: url(../img/punteado-hor.gif) repeat-x 0 bottom; }
		.textos .olnoticias li:hover {background-color: #e6e1d5; }
		.textos .olnoticias li:hover a {color: #646464; }
		
	.textos ul.listaNov { display:block; clear:both; position:relative; overflow:hidden; }
		.textos .listaNov li { display:block; clear:both; position:relative; overflow:hidden; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #ccc; background:none; padding-left:0; }
			.textos .listaNov li img { display:inline; float:left; margin-right:10px;  border:1px solid #7f8382; padding:4px;background:#fff; }
		
.volver {color: #504a4a; font-weight: bold; text-decoration: underline; }

.contactoForm {background-color: #e6e1d5; padding: 7px; margin-top: 8px; }
	.contactoForm legend {display: none; }
	.contactoForm br {display: none; }
	.contactoForm label {display: block; float: left; clear: left; width: 115px; font: bold 13px "Trebuchet MS", sans-serif; text-align: right; padding-right: 10px; }
	.contactoForm input {display: block; float: left; margin-bottom: 2px;  width: 390px; border:1px solid #ccc; }
	.contactoForm textarea {display: block; float: left; width: 390px; height: 49px; border:1px solid #ccc;}
	.contactoForm button {float: left; display: block; clear: left; font: bold 12px "Trebuchet MS", sans-serif; color: #fff; background-color: #993333; margin: 2px 0 0 125px; padding: 0 15px; border-color: #993333; border-width: 1px; }

.encuestaForm {background-color: #e6e1d5; padding: 7px; margin-top: 8px; }
	.encuestaForm legend {display: none; }
	.encuestaForm br {display: none; }
	.encuestaForm label {display: block; float: left; clear: left; width: 215px; font: bold 13px "Trebuchet MS", sans-serif; text-align: right; padding-right: 10px; }
	.encuestaForm input {display: block; float: left; margin-bottom: 2px;  width: 290px; border:1px solid #ccc; }
	.encuestaForm textarea {display: block; float: left; width: 290px; height: 49px; border:1px solid #ccc;}
	.encuestaForm span { display:inline; float:left; margin-right:5px; margin-top:5px;}
	.encuestaForm .elradio { display:inline; float:left; margin-right:5px; width:10px;}
	.encuestaForm button {float: left; display: block; clear: left; font: bold 12px "Trebuchet MS", sans-serif; color: #fff; background-color: #993333; margin: 2px 0 0 125px; padding: 0 15px; border-color: #993333; border-width: 1px; }

hr {clear: both; margin: 15px 0 5px 0; float: left; width: 770px; }
#pie {clear: both; background-color: #b9cccb; text-align: right; font: normal 10px Arial, sans-serif; padding: 5px 15px; border-bottom: 9px solid #fff; line-height: 1.5; }
	.telefono { display:block; clear:both; padding:10px 0 10px 110px; }
	#pie a {color: #646464; text-decoration: underline; }
	#pie a:hover {color: #000; }
	address {font-style: normal; }
	#osmosis {display: block; text-indent: -9000px; width: 95px; height: 25px; float: left; background: url(../img/osmosis.gif) no-repeat; text-align: left; }
