@charset "utf-8";
/* CSS Document */

@import url(slideshow.css);
@import url(prettyPhoto.css);
@import url(jquery.calendar.css);
@import url(jquery.alerts.css);
@import url(foro.css);

/********************************************************************************************************* HTML */
body {
	margin:0;
	padding:0;
	font-size:11px;
	background: #8c8c8c;
	font-family: Arial, Helvetica, sans-serif;
	color: #505050;
}

h1, h2, h3, h4 {
	font-weight:normal;
	margin: 0;
	padding:0;
}

h1 { font-family:"Trebuchet MS", Georgia, "Times New Roman"; }

form { display:inline; }

ul, ol, li {
	margin: 0;
	padding: 0;
}

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#686868;
}

a { color: #f37e10; }

a:hover { color: #ff9a17; }

table {
	margin:0;
	padding:0;
}

/********************************************************************************************************* ID */
#cabezal, #cuerpo, #pie {
	width: 1000px;
	margin: 0 auto;
}

#cabezal {
	padding-top: 17px;
	padding-bottom: 10px;
	background:url(../images/fon_cabezal.png) repeat-x;
	height: 131px;
}

#cuerpo { background:url(../images/fon_cuerpo.png) repeat-y; }

#cuerpo.wide { background:url(../images/fon_cuerpo_wide.png) repeat-y; }

#cuerpo_print {
	background: #FFFFFF;
	padding:20px;
}

#col_izq-cen { width: 822px; }

#col_izq {
	width:196px;
	padding-left: 32px;
	padding-top: 20px;
	font-family:"Trebuchet MS", Georgia, "Times New Roman";
	font-size:10px;
	font-weight:bold;
}

#col_cen {
	width: 564px;
	margin-left: 30px;
	padding-top: 25px;
}

#cuerpo.wide #col_cen { width: 740px; }

#col_der {
	width: 178px;
	margin-top: 20px;
}

#col_cen-izq {
	width: 277px;
	margin-top: 15px;
}

#col_cen-der {
	width: 232px;
	margin-left: 25px;
	margin-top: 15px;
}

#pie {
	background:#dbdcdd;
	margin-top: 20px;
}

#tabs_preloader {
	position:absolute;
	z-index: 200;
}

#tabs_preloader .fixed {
	position:fixed;
	margin-top: 10px;
	padding: 5px 7px 5px 7px;
	color: #ffffff;
	background:#ff7c00;
	font-weight:bold;
	text-align:center;
}

/********************************************************************************************************* CABEZAL */
#cabezal #logo {
	position:absolute;
	z-index: 100;
}

#cabezal #menu {
	position:absolute;
	z-index: 99;
	margin: 96px 0 0 258px;
}

#cabezal #menu .boton {
	position:absolute;
	z-index: 101;
}

#cabezal #menu #submenu1.boton { margin-left: 0; }

#cabezal #menu #submenu2.boton { margin-left: 122px; }

#cabezal #menu #submenu3.boton { margin-left: 244px; }

#cabezal #menu #submenu4.boton { margin-left: 366px; }

#cabezal #menu #submenu5.boton { margin-left: 488px; }

#cabezal #menu #submenu6.boton { margin-left: 610px; }

#cabezal #menu .boton a, #cabezal #menu .boton span {
	color:#FFFFFF;
	text-decoration:none;
	background-image:url(../images/fon_cabezal_btn.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 118px;
	height: 23px;
	padding-top:12px;
	text-align:center;
	font-family: "Trebuchet MS", Georgia, "Times New Roman";
	font-size:11px;
	word-spacing:-0.1em;
	display:block;
}

#cabezal #menu .boton a:hover, #cabezal #menu .boton span:hover {
	color:#ff7c00;
	background-position: 0 -35px;
	cursor: pointer;
}

#cabezal .submenu {
	top:0;
	left:0;
	position:absolute;
	display: none;
	width: 118px;
	margin-top: -96px;
	background:url(../images/x_blanco_15.png);
	z-index: 1;
}

#cabezal .submenu.submenu1_desplegable {
	padding-top: 40px;
	padding-bottom: 35px;
}

#cabezal .submenu.submenu2_desplegable {
	padding-top: 55px;
	padding-bottom: 35px;
	margin-left: 122px;
}

#cabezal .submenu.submenu3_desplegable {
	padding-top: 37px;
	padding-bottom: 35px;
	margin-left: 244px;
}

#cabezal .submenu.submenu4_desplegable {
	padding-top: 55px;
	padding-bottom: 35px;
	margin-left: 366px;
}

#cabezal .submenu.submenu5_desplegable {
	padding-top: 55px;
	padding-bottom: 35px;
	margin-left: 488px;
}

#cabezal .submenu.submenu6_desplegable {
	padding-top: 42px;
	padding-bottom: 35px;
	margin-left: 610px;
}

#cabezal .submenu li { list-style:none; }

#cabezal .submenu a {
	color: #FFFFFF;
	text-decoration:none;
	display: block;
	width: 105px;
	height: 18px;
	font-family: "Trebuchet MS", Georgia, "Times New Roman";
	font-size:11px;
	padding-left: 13px;
}

#cabezal .submenu .alto a {
	color: #FFFFFF;
	text-decoration:none;
	display: block;
	width: 105px;
	height: 33px;
	font-family: "Trebuchet MS", Georgia, "Times New Roman";
	font-size:11px;
	padding-left: 13px;
}

#cabezal .submenu a:hover { background:url(../images/x_negro_30.png); }

#cabezal #fondo {
	position:absolute;
	width: 1000px;
	text-align:right;
	z-index: 98;
}

/********************************************************************************************************* BARRA IZQUIERDA */
#col_izq .titulo {
	background:url(../images/fon_barraizq_label.png) right top no-repeat;
	width:189px;
	color:#71c9f1;
}

#col_izq .titulo img { padding-right: 5px; }

#col_izq form { margin-bottom: 20px; }

#col_izq fieldset {
	margin:0;
	padding:0;
	border: none;
	margin-left: 26px;
}

#col_izq fieldset.con-borde {
	border-width: 1px 1px;
	border-style: solid;
	border-color: #e4f0f9 #e4f0f9 #8ad1f1 #8ad1f1;
	width: 158px;
	padding-top: 10px;
}

#col_izq .titulo_fieldset {
	margin-left: 26px;
	color: #FFFFFF;
}

#col_izq label {
	color:#FFFFFF;
	display:block;
}

#col_izq label.radial {
	display:inline;
	margin-top: 1px;
	margin-left: 3px;
	margin-bottom: 3px;
}

#col_izq input.radial { display:inline; }

#col_izq .input {
	background: #FFFFFF;
	border: 2px solid #FFFFFF;
	font-size:11px;
	color:#999999;
	width: 141px;
	margin-bottom: 10px;
}

#col_izq .select {
	border: 2px solid #FFFFFF;
	width: 145px;
}

#col_izq .boton {
	color: #60bae2;
	border: 2px solid #FFFFFF;
}

#col_izq a {
	color: #FFFFFF;
	text-decoration:none;
}

#col_izq a:hover {
	color: #FFFFFF;
	text-decoration:underline;
}

#col_izq .bienvenida {
	margin:0;
	padding:0;
	border: none;
	margin-left: 26px;
}

#col_izq .bienvenida a img {
	border: 2px solid #FFF;
	margin-right: 10px;
}

/********************************************************************************************************* COLUMNA CENTRAL */
#col_cen h2 {
	color: #ff7c00;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 5px;
}

#col_cen .notas {
	border-width: 5px 1px 0 0;
	border-style: solid;
	border-color: #d5d5d5 #eaeaea #d5d5d5 #d5d5d5;
	padding: 9px 9px 0 0;
	margin-bottom: 15px;
}

#col_cen-izq img, #col_cen-der img  { margin-bottom: 5px; }

#col_cen-izq a img, #col_cen-der a img  { border-bottom: 6px solid #d5d5d5; }

#col_cen-izq a:hover img, #col_cen-der a:hover img { border-bottom: 6px solid #49c0f5; }

#col_cen .fecha {
	color:#666666;
	font-weight:bold;
}

#col_cen .copete { color:#666666; }

#col_cen h1 a, #col_cen h3 a { color:#40a9d8; }

#col_cen h1 a:hover, #col_cen h3 a:hover { color:#49c0f5; }

#col_cen p {
	color:#666666;
	font-size:11px;
	margin: 0 0 10px 0;
	text-align:justify;
}

#col_cen a { text-decoration: none; }

#col_cen a.ampliar {
	color:#f37e10;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:right;
	display:block;
}

#col_cen a:hover.ampliar { color:#ff9a17; }

#col_cen .destacado, #col_cen .nota {
	padding-right: 5px;
	border-bottom: 1px solid #d5d5d5;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

#col_cen .destacado .fecha { font-size: 12px; }

#col_cen .nota .copete { font-size: 10px; }

#col_cen .destacado h1 {
	font-size: 24px;
	margin: 0px 0 5px 0;
	line-height: 24px;
}

#col_cen .nota h3 {
	font-size: 14px;
	margin: 0px 0 5px 0;
}

#paginacion {
	padding-top: 5px;
	padding-bottom:5px;
	margin-bottom:10px;
	text-align: center;
	background-color:#F5F5F5;
}

#resultados .fila img { }

#resultados .fila a img {
	border-bottom: 6px solid #d5d5d5;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#resultados .fila a:hover img { border-bottom: 6px solid #49c0f5; }

#resultados h3 {
	padding-bottom: 10px;
	text-transform:uppercase;
}

#resultados .comentarios {
	background:url(../images/ico_comentarios.png) no-repeat;
	padding: 7px 0 10px 35px;
}

.comentario p { font-size: 16px; }

/********************************************************************************************************* BARRA DERECHA */
#col_der #banners {
	width: 178px;
	text-align:center;
}

#col_der .banner1 {
	border: 2px solid #FFFFFF;
	margin-top: 10px;
}

#col_der a:hover .banner1 {
	border: 2px solid #d6dcdc;
}


#col_der .banner2 {
	border: 2px solid #d6dcdc;
	margin-top: 10px;
}

#col_der a:hover .banner2 {
	border: 2px solid #c3c3c3;
}

/********************************************************************************************************* PIE */
#pie #datos {
	margin-left: 26px;
	background: #e7e7e7;
	width: 187px;
	height: 80px;
	padding: 12px 0 0 15px;
}

#pie #datos h3 {
	font-family:"Trebuchet MS", Georgia, "Times New Roman";
	font-size: 14px;
	color: #40a9d8;
	margin: 0 0 3px 0;
}

#pie #datos p {
	font-family:"Trebuchet MS", Georgia, "Times New Roman";
	font-size: 11px;
	color: #666666;
	margin:0;
	padding: 0;
}

#pie #logos { width: 772px; /*text-align:center;*/ }

#pie #logos .logo { padding: 0 15px 0 15px; }

#pie #fila2 {
	background: #fcfcfd;
	padding: 0;
	margin:0;
}

#pie #fila2 .contenido {
	background: #eff0f3;
	padding: 2px 20px 0 8px;
	margin:0;
	margin-left: 26px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #a7a7a7;
}

#pie #fila2 a {
	color: #bdc0c0;
	text-decoration:none;
}

#pie #fila2 a:hover { color: #22b2e5; }

/********************************************************************************************************* CONTENIDO */
#contenido { padding-right: 30px; background:#FFFFFF; position: relative; }

#contenido h1 {
	font-size:28px;
	font-weight:normal;
	color:#40a9d8;
}

#contenido h2 {
	font-size:18px;
	font-weight:normal;
	color:#666666;
}

#contenido #fecha, #contenido #volanta {
	font-size: 13px;
	font-weight:bold;
	color:#666666;
}

#contenido #copete {
	font-size:14px;
	color:#ff7c00;
	margin-top:5px;
}

#contenido #galeria, #formulario #fotousuario {
	background:#f2f2f2;
	border-width: 1px 0px 8px 0px;
	border-color: #FFFFFF #FFFFFF #40a9d8 #FFFFFF;
	border-style: solid;
	margin-bottom: 10px;
}

#contenido #galeria #imagen { width: 360px; }

#formulario #fotousuario { width: 200px; }

#contenido #galeria #imagen span, #formulario #fotousuario span {
	position: absolute;
	display: none;
	font-size: 9px;
	background: url(../images/x_blanco_90.png);
	padding: 5px 10px 5px 5px;
	color:#71c9f1;
	cursor: pointer;
}

#contenido #galeria #descripcion { width:155px; }

#contenido #galeria #descripcion p {
	font-style: italic;
	padding: 15px 20px 15px 0px;
}

#contenido #galeria #descripcion a {
	font-size: 9px;
	color: #40a9d8;
}

#contenido #separador {
	border-top: 8px solid #40a9d8;
	margin-bottom: 10px;
}

#contenido #separador_gris {
	border-top: 4px solid #d5d5d5;
	margin-bottom: 10px;
}

#contenido #texto {
	color:#666666;
	font-size:12px;
	margin: 0 0 10px 0;
	text-align:justify;
}

#contenido #texto.narrow { 	width:360px; }

#contenido #texto ul { padding-left: 15px; }

#contenido #texto.wide { width:534px; }

#contenido #texto p, #contenido #formulario p { font-size: 12px; }

#contenido #datos {
	width:155px;
	color: #8c8c8c;
}

#contenido #datos li {
	list-style:none;
	margin-bottom: 10px;
}

#contenido b { color: #636363; }

#contenido .lista li {
	list-style: none;
	margin-bottom: 10px;
}

#contenido .lista h2 {
	font-weight:normal;
	color: #666666;
	font-size: 14px;
	margin: 10px 0 10px 0;
}

/********************************************************************************************************* FORMULARIO */

#formulario { margin-top: 20px; }

#formulario .item {
	color:#666666;
	width: 150px;
	text-align:right;
	margin-right: 20px;
}

#formulario .datos { width: 180px; }

#formulario input.text { border: 1px solid #666666; }

#formulario textarea.text { border: 1px solid #666666; }

#formulario .fila {
	height:40px;
	display: block;
}

#formulario .mensaje {
	color: #df3636;
	margin-left: 10px;
}

.select { width: 140px; }

.input_disabled {
	border: 1px solid #e2e2e2;
	background: none;
}

#buscador {
	background:#f2f2f2;
	border-width: 1px 0px 8px 0px;
	border-color: #FFFFFF #FFFFFF #40a9d8 #FFFFFF;
	border-style: solid;
	margin-bottom: 10px;
}

/********************************************************************************************************* PERFIL */
.tabs {
	background:#e4e4e4;
	font-size:0px;
}

.tabs ul, .tabs li {
	display: inline;
	list-style:none;
}

.tabs li a {
	color:#666666;
	background:#e4e4e4;
	font-size:12px;
	padding: 5px;
	display: inline-block;
	width: 168px;
}

.tabs li a:hover {
	color:#FFFFFF;
	background:#40a9d8 !important;
}

.tabs li.tabs-selected a {
	color:#FFFFFF;
	background:#40a9d8 !important;
}

.tabs li a.nuevo {
	background-color: #e4e4e4;
	background-image: url(../images/ico_nuevo.gif);
	background-repeat: no-repeat;
	background-position: 50% 6px;
}

.perfil_fila {
	border-bottom: 1px dotted #CCCCCC;
	margin-bottom:15px;
	padding-bottom: 15px;
	color:#666666;
	font-size:12px;
}

.perfil_fila .titulo {
	font-size:14px;
	color:#40A9D8;
	margin: 5px 0 5px 0;
}

.perfil_fila .subtitulo {
	font-size:14px;
	color:#666666;
	margin: -5px 0 5px 0;
}

.perfil_fila small, small {
	font-size:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/********************************************************************************************************* CLASS */
.cleaner { clear:both; }

.izq { float:left; }

.der { float:right; }

.h30px { height: 30px; }

.h20px { height: 20px; }

.h10px { height: 10px; }

.borde-blanco { border: 2px solid #FFFFFF; }

.obligatorio {
	color:#FF0000;
	font-size:12px;
}

span.hilite { background:yellow; }

.qterm {
	color: #444;
	background-color:#FFFF00;
	font-weight: bold;
}

a:hover span.qterm { color: #666; }

.barra_encuesta {
	background:#40a9d8;
	color:#FFFFFF;
	margin-top:3px;
	margin-bottom:10px;
	padding-left:5px;
	height:15px;
}

.destacado_color { color:#40A9D8; }
