/*Colores
azul: #35a6d4;
*/

@charset "iso-8859-1";
/* CSS Document */


/*******************************************
Resetear valores para todos los navegadores
*******************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, 
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     /*border: 0;*/
     outline: 0;
     /*font-weight: normal;
     font-style: normal;*/
     font-size: 100%;
     /*font-family: inherit;*/
     vertical-align: baseline;
		 line-height:inherit;
}

ol, ul, li
{
	/*margin: 0;
	 padding: 0;
	 border: 0;*/
	 outline: 0;
	 /*font-weight: normal;
	 font-style: normal;*/
	 font-size: 100%;
	 /*font-family: inherit;*/
	 vertical-align: baseline;
	 line-height:inherit;
}

img
{	
	line-height:inherit;
}

.formato_contenido img
{
	padding:5px;
}

body {
     line-height: 12px;
}

:focus {
     outline: 0
}

table {
     /*border-collapse: collapse;*/
	 /*border-spacing: 0*/
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

html, body
{
	min-height:100%;
	height:100%;
}

/*******************************************
	Estructura general del contenedor
*******************************************/
	
/*CONTENEDOR GENERAL*/
#wrapper
{	
	width:auto;
	min-height:100%;
	height: auto;
	margin:0px;
	border:1px solid #35a6d4;
	overflow:hidden;	
}

#wrapp\65	r
{ /*** for Opera and Moz (and some others will see it, but NOT Safari) ***/
	 height:auto; /*** For moz to stop it fixing height to 100% ***/
}
	
* html #wrapper
{ /* importante para que se expanda la caja del centro en relacion al texto*/
	height:auto;
}

/*Propiedades importantes para el centrado de la página en explorer*/
	html,body
	{
		text-align:center;
		margin:0 auto;
	}
	
	#wrapper
	{
		text-align:left;
	}
/*Fin de las propiedades importantes para el centrado de la página en explorer*/


/*CABECERO INDEX*/
#contenedor_cabecera
{
	min-width:1004px;
	width:100%;
	height:204px;	
	/**************************
	Imagen de fondo playa
	***************************/
	/*background:url(../imagenes/fondo_cabecero.gif) repeat-x top left;*/
	
	
	/**************************
	Imagen de fondo edificio
	***************************/	
	background:url(../imagenes/fondo.gif) repeat-x top left;
}

	#cabecera
	{
		min-width:1004px;
		width:100%;
		height:204px;
		text-align:left;	
	
		background:url(../imagenes/resto_cabecero.gif) no-repeat top right;
	}

/*CABECERO SECCIÓN*/
#contenedor_cabecera_seccion
{
	min-width:1004px;
	width:100%;
	height:33px;
		
	background-color:#1e8ecd;
}

	#cabecera_seccion
	{
		min-width:1004px;
		width:100%;
		height:33px;
		text-align:left;	
	
		background:url(../imagenes/direccion.gif) no-repeat top right;	
	}


/*CUERPO*/
#cuerpo, #col_izqda, #col_dcha, .formato_contenido, .formato_contenido_col_izqda, .formato_contenido_col_dcha

{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important;
	min-height:100%; 
	height:100%;
	
	/*width:100%;*/ /*OBSERVAR COMPORTAMIENTO*/
	
}

#contenedor_cuerpo
{
	height:auto;
	_height:575px; /* Para IE6 siempre dar una altura mínima*/
	margin:0 auto;
}

#cuerpo
{	
	/* OBSERVAR COMPORTAMIENTO
	height:auto; 
	_height:575px;*/
	margin:0 auto;
}

#col_izqda
{
	width:200px;
	float:left;	
	background-color:#e3f0f8;
	
	height:auto;	/*OBSERVAR COMPORTAMIENTO*/
}

#contenido
{
	display:block; /*OBSERVAR COMPORTAMIENTO*/
	margin:0 200px 0 200px;
	overflow:hidden
}

#col_dcha
{
	width:200px;
	float:right;
	background-image:url(../imagenes/fondo_rayas.gif);
	
	height:auto; /*OBSERVAR COMPORTAMIENTO*/
}


/*PIE: NO EXISTE PIE EN ESTA PLANTILLA POR EL MOMENTO

#contenedor_pie
{
	width:926px;
	height:26px;
	padding:0 39px 10px 38px;
	margin:0 auto;
}

	#pie
	{
		width:926px;
		height:16px;	
	}

*/


.clear
{
  clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	overflow:hidden;
}

.clear-right
{
	clear:right;	
}

.clear-left
{	
	clear:left;
}


/*******************************************
Formateo o propiedades generales del texto
*******************************************/

div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, table, th, td, ul, ol, li, input, label, select, form, a
{
	font-family:"Trebuchet MS", Verdana, Arial;
	/*font-size:0.92em;*/
	font-size:10pt;
	font-weight:normal;
	color:#000000;	
	line-height:20px;
}

textarea{
	font-family:"Trebuchet MS", Verdana, Arial;
	/*font-size:0.92em;*/
	font-size:10pt;
	font-weight:normal;
	color:#000000;	
}


A:link, A:visited, A:active {color: #1e8ecd; background : transparent; text-decoration:none}

A:hover {color: #8d1d2b; background : transparent; text-decoration:none}

a img,
button img
{
	border:0;
}

img[usemap]
{
	border:0;
}

li
{
	/*list-style-ima	ge:url(../imagenes/vineta.gif);*/
	margin:10px 0;
}

p
{
	margin:15px 0; 
}

.formato_contenido_col_izqda{
	padding:0;
}

.menu
{
	padding:0;
	margin:0;
}
	
	/* Inicio Menu */
	.menu ul{
		padding:0;
		margin:0;
	}
	
	.menu li
	{
		line-height:23px;
		color:#1e8ecd;
		background-color:#f1f1f1;
		padding:0px;
		margin:0;
		border-bottom:1px dotted #d9d9d9;
		text-transform:uppercase;		
	}
	
	/*Aplicable a todos los li del menú*/
	.menu li a
	{	
		padding-left:8px;
		font-size:9pt !important;
	}
	
	.menu ul li a:link, .menu ul li a:visited,.menu ul li a:active {color:#1e8ecd;text-decoration:none;cursor:pointer;}	
	.menu ul li:hover, .menu ul li a:hover {color:#000000;}
	
	.menu ul li.sub ul{display:none;padding:0;}
		
	.menu ul li ul li 
	{
		list-style-image:url(../imagenes/vineta.gif);
		list-style-position:inside;
		margin:0;
		padding-left:10px;
		background-color:#e3f0f8;
		border:0;
		text-transform: none;
	}
	
	.menu ul li ul li a
	{

	}
	
	/* Fin Menu */


.formato_contenido_col_dcha{
	padding:0;	
}

.formato_contenido_col_dcha br
{
	line-height:10px;	
}

.formato_contenido_col_dcha .noticias_lateral
{
	background-color:#ffffff;
}

.formato_contenido_col_dcha h1
{
	line-height:23px;
	color:#1e8ecd;
	background-color:#f1f1f1;
	padding-left:8px;
	margin:0;
	border-bottom:1px dotted #d9d9d9;
	text-transform:uppercase;
}

.formato_contenido_col_dcha .fecha
{
	color:#35a6d4;
	background:url(../imagenes/vineta.gif) no-repeat left;
	padding-left:10px;
}

.formato_contenido_col_dcha h2
{
	padding-left:10px;
}

.formato_contenido_col_dcha h2 a
{
	color:#000000;
	font-weight:bold;
}

#form_registro
{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:25px;
	/margin-left:0px;
	width:149px;
	height:100px;
	overflow:hidden;
	background:url(../imagenes/registro.gif) no-repeat
}

#form_registro form
{
	text-align:left;
	margin:0;
	padding-left:55px;
	margin-top:5px;
}

#form_registro form fieldset
{
	border:0;
	font-size:8pt;
	line-height:15px
}

#form_registro form input
{
	width:80px;
	height:11px;
	text-align:left;
	font-size:8pt;
	line-height:15px
}

#form_registro form .enviar
{
	 text-align:right;
	 margin-right:10px;
}

#form_registro form .enviar input
{
	height:15px;
	width:auto !important;
	cursor:pointer;
}


#form_registro_secciones
{
	float:right;
	width:220px;
	height:100px;
	overflow:hidden;
	padding-top:10px;
	
}

#form_registro_secciones form fieldset
{
	border:0;
	line-height:15px;
	font-size:8pt;
}

#form_registro_secciones form input
{
	width:100px;
	height:11px;
	line-height:15px;
	font-size:8pt;
}


.formato_contenido{
	padding:15px;
}

	.formato_contenido h1
	{
		font-size:12pt;
		letter-spacing:-1px;
		font-weight:bold;
		color:#0097da;
		padding:5px;
		margin-bottom:15px;		
		background-color:#f1f1f1;
		border-bottom: 2px solid #35a6d4;
		font-variant:small-caps;
	}
	
	.formato_contenido .listado
	{
		 border-spacing: 5px
	}
	
	.formato_contenido .listado th hr
	{
		border-bottom:1px solid #000000;
	}
	
	.formato_contenido .listado td hr
	{
		border-bottom:1px solid #f0f0f0;
	}
	
	.formato_contenido h2, .formato_contenido h2 a, .formato_contenido .titulo
	{
		font-size:10pt;
		letter-spacing:-1px;
		color:#0097da;
		line-height:13px;
	}
	
	.formato_contenido h2, .formato_contenido .titulo
	{
		display:inline;
		padding:0 15px 0 15px;
		background:url(../imagenes/vineta.gif) no-repeat left;		
	}

	.formato_contenido .fecha
	{
		font-size:8pt;
		padding:3px;
		/*order-bottom:1px dotted #000000;*/
		background-color:#f1f1f1;
		margin-top:10px;
		display: table;
		
	}
	
	.formato_contenido .foto
	{
		float:left;
		padding:0 10px 10px 0;
	}


.portada
{
	border-right:3px inset #cfcfcf;
	border-bottom:3px inset #cfcfcf;
	padding-bottom:15px;
	margin-bottom:45px;
}

	.portada h2 a
	{
		display:inherit;
		font-size:10pt;
		letter-spacing:0px;
		font-weight:bold;
	}
	
	.portada div.fecha
	{
		display:inline;
		font-size:7pt;
		font-weight:bold;
		padding:2px 4px 2px 4px;;
	}
	

.creditos a
{
		font-size:8pt;
		text-align: right;
		font-variant:small-caps;
}


.buscador
{
	border-top:2px solid #1e8ecd;
	border-bottom:2px solid #1e8ecd;
	height:41px;	
	background:url(../imagenes/buscador.gif) no-repeat top left;
	background-color:#ffffff;
	padding-left:60px;
	padding-top:9px;
}

.buscador form{
	 display:inline;
}

.buscador input
{
	height:13px;	
	vertical-align:top;
	width:88px;
	margin:0;
	padding:0;
	line-height:15px;
	font-size:8pt;
}

.buscador button
{
	vertical-align:top;
	height:16px;
	width:39px;
	padding:0;
	margin:1px 0 0 0;
}


.centrado div.buscador
{
	border-top:0;
	border-bottom:0;
	height:41px;
	background:url(../imagenes/buscador.gif) no-repeat top center;	
	margin:0;
	padding-left:60px;
	padding-top:9px;
}

.centrado div.buscador input
{
	height:13px;	
	vertical-align:top;
	width:88px;
	margin:0;
	padding:0;
}

#contenedor_acceso_parte_privada
{
	height:80px;
	background:url(../imagenes/fondo_acceso_parte_privada.gif) repeat-x top left;
}

	#acceso_parte_privada
	{
		height:80px;	
		text-align:left;	
		background:url(../imagenes/acceso_parte_privada_dcha.gif) no-repeat top right;		
	}

/*.carousel_fotos
{
	background-color:#e3f0f8;
}*/

	/*Para el scroll de las fotos
	*******************************/
	
	 #carousel1{
		width: 595px;
		margin: auto;
		/*border: 1px solid #ccc;*/
		overflow: auto;
		height: 80px;
		position: relative;
		margin-top:0;
  }
  #carousel1 img{
		width: 73px;
		border: 0 none;
  }
  
  #carousel1_Controles img{
		border: 2px solid #a00;
		width: 15px;
		height: 15px;
		cursor:pointer;
  }
	
	/********************************/



/****************************************************************************
PROPIEDADES O CLASES QUE SIEMPRE DEBEN ESTAR DEFINIDAS EN LA HOJA DE ESTILO
PORQUE ESTÁN DEFINIDAS EN LOS SISTEMAS
*/

ul.categorias
{
	padding-left:inherit;
	margin-left:inherit;
	
	/margin-left:15px;
	
	_margin-left:15px;
}

ul.categorias li
{
	list-style:none;
}

ul.categorias li a
{
	text-transform:uppercase;
}

/*ul.categorias li a:before
{
	content: "+";
	font-size:12pt;
	padding-right:15px;
}
*/

ul.categorias li a:hover
{
	background-color:#f1f1f1;
	display:block;
}

.paginacion
{
	font-size:7pt;
	font-weight:bold;
	text-align:center;
	margin: 0 auto;
}

.resaltar
{
	color:#0097da;
}

.negrita
{
	font-weight:bold;
}

.centrado
{
	text-align:center;
	margin:0 auto;
}

.alineacion_derecha, .align_derecha
{
	text-align:right;
}

.alineacion_izquierda
{
	text-align:left;
}
.overflou /* Importante para solucionar problema del los clear en mozilla*/
{
	overflow:hidden;
}

#tam_cuadriculas
{
	/*overflow:hidden;
	display:block;*/
	text-align:left !important;
	vertical-align:top;	
}

.cuadricula
{
	float:left;
	/*display:table !important;*/
	margin-left:3px;
	_margin-left:0;
	margin-bottom:3px;
	border-collapse:collapse;
	/*border: 1px solid #000;*/
	overflow-x:auto;
	text-align:left !important;
}


#nivel
{
	text-align:right;
	margin-bottom:15px;
}

#nivel a
{
	padding:5px;
	font-weight:bold;
	font-variant:small-caps;
	color:#8d1d2b;
}

#nivel a:hover
{
	color:#000;
}


/****************************************************************************/

/*INTEGRACIÓN FORMULARIO*/

#contacto
{
	width:90%;
	margin:0 auto;
}
#contacto fieldset
{
	padding:15px;
	border:1px solid #1e8ecd;
}

#contacto legend
{
	font-size:10pt;
	font-variant:small-caps;
	color:#000000;
}

#contacto label
{
	width:160px;
	float:left;
	vertical-align:baseline;
}

#contacto input[type=text],
#contacto textarea
{
	width:300px;
	border: 1px solid #1e8ecd;
}


.estilo_foto
{
	border:1px solid #0097da;
	padding:3px;
	margin:0 auto;
}




/***** ADMINISTRADOR *****/


/*Formateando botones*/
button{
	line-height:12px;
	padding:0 3px;
	border:1px outset #0097da;
	background-color:#ffffff;
	color:#0097da;
	margin:0;  
	width:auto;	
	overflow:visible;
	font-size:8pt;
}

input[type=button], input[type=submit], input[type=reset]
{
	line-height:12px;
	padding:0 3px;
	border:1px outset #0097da;
	background-color:#ffffff;
	color:#0097da;
	margin:0;  
	width:auto;	
	overflow:visible;
	font-size:8pt;
}
input[type='radio'],input[type='checkbox']
{
	width:auto;
}
