/*-------------------------------
------------ GENERAL  -----------
------------------------------- */

body {
	width:99%;
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	color: #fff;
	background:url(imagenes/fondo.gif) repeat top left;
	font-size: 14px;
	margin:0 0;}
img { border:0; }
h2{font-size:20px; font-weight:bold; border-bottom: #666666 1px dotted;font-family: "Myriad Pro";}
h3{font-weight:bold;font-size:18px;margin:5px; border-bottom: #666666 1px solid; width:100%;}
h4{font-size: 16px;line-height: 14px;font-weight: bold; 
	color: #343434;	padding: 5px 0; text-align:center;margin: 20px 0 10px;
	background-color:#FFFFFF; border: #000000 1px solid; border-right:none;border-left:none;}

h4.mal{background:#ffcdcd; border-top:#CE0000 1px solid; border-bottom:#CE0000 1px solid;font-size:13px;}
h4.ok{background:#AAFFAC; border-top:#009900 1px solid; border-bottom:#009900 1px solid;font-size:13px; color:#006600;}

a {position: relative;}
a:link { color:#D4D4D4; text-decoration: underline;font-weight:bold; }
a:visited { color: #D4D4D4; text-decoration: underline;font-weight:bold; }
a:hover { color: #2e8bff; text-decoration: underline;font-weight:bold; }
a:active { color: #2e8bff; text-decoration: none;font-weight:bold; }
p{ margin:0; padding:0;}

.contenido { background: #ddedfb; margin: 0 5px 5px 5px; font-size:11px; }
hr{ padding:0; margin:1px 0; border-color:#FFFFFF; width:95%;}


/*------------------------------ 
------------ HEADER  -----------
------------------------------- */

#header_imagen{background: url(imagenes/header.jpg) top center no-repeat #000;height:140px;width:100%;border-bottom:#000000 2px solid;margin:0; padding-left:10px;}
#header_navegacion{width:100%; background: url(imagenes/menu-header.png) top left repeat-x #333333; margin:0;text-align:center;padding-left:10px; height:30px; padding-top:8px; color:#FFFFFF;}
#header_navegacion ul {margin: 0; padding:0;}
#header_navegacion ul li{ margin: 0 10px; display:inline-block; list-style-image:none;}
#header_navegacion ul li a{ font-size:16px; padding:5px 10px; color:#FFF;text-decoration:none;}
#header_navegacion ul li a:hover{ background-color:#FFF; color:#000000; font-weight:bold; text-decoration:none;-moz-border-radius: 5px;}
#header_navegacion ul li a:active{ background-color:#515151; color:#000000; font-weight:bold; text-decoration:none;-moz-border-radius: 5px;}
#header_navegacion ul li a.sel{ background-color:#7F7F7F; color:#000000; font-weight:bold; text-decoration:none;-moz-border-radius: 5px;}
#header_navegacion ul li .activo{ background-color:#CCCCCC; color:#000000; font-weight:bold;-moz-border-radius: 5px;}

#resto{margin:0 auto; width:975px;}


/*------------------------------ 
------------ FOOTER  -----------
------------------------------- */
.footer {width:100%; background: url(imagenes/footer.png) top left repeat-x #333333; margin: 3px 3px 9px 3px; color:#CCCCCC; text-align:left;padding-left:10px; height:28px; padding-top:10px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-moz-box-shadow: 1px 1px 5px #999;
-webkit-box-shadow: 1px 1px 5px #999;
box-shadow: 1px 1px 5px #999;}
.footer a{ color:#FFFFFF;}
	
/* ------------------------------ 
------------- TABLA  ------------
------------------------------- */

table.tabla-principal {	
	width: 960px; margin: 2px; border: 0; padding: 3px; }
td { vertical-align:top; }
		
/* ------------------------------ 
----------- SIDEBAR  ------------
------------------------------- */

.sidebar-der_bloque {
			background: url(imagenes/sidebar.png) repeat-x top left #222222;
			border: 1px solid #666666;
			width: 200px;
			margin: 20px auto;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			-moz-box-shadow: 1px 1px 5px #999;
			-webkit-box-shadow: 1px 1px 5px #999;
			box-shadow: 1px 1px 5px #999;
		}
.sidebar-der_bloque_contenido { margin: 10px 5px 5px 15px; }
.sidebar-der_titulo { font-weight:bold; font-family:Arial; font-size:17px; color:#FFFFFF; padding-left:10px; padding-top: 5px; margin:0; margin-bottom:-2px;}

/* ------------------------------ 
------------ BLOQUE  ----------
------------------------------- */

.bloque{background:#222;
		border: 1px solid #666666;
		margin: 15px 10px; padding-bottom:10px; padding-right:3px;
		-moz-border-radius: 8px;-webkit-border-radius: 8px;
		-moz-box-shadow: 2px 2px 5px #999;-webkit-box-shadow: 2px 2px 5px #999;
		box-shadow: 2px 2px 7px #999;}
.bloque h2{ margin:0; padding: 5px 0 0 15px; font-size:22px;}
.subtitulo{ color:#1ca4ff; font-weight:bold;}
.bloque .compartir{padding-left:10px;}
.bloque .repostear{}
.bloque .footer{}

/*------------- DESCARGAR */
.links{ margin:15px;background:#666; border:#333; width:90%; padding:5px;}
.links a{ color:#EBEBEB; text-decoration:underline; font-size:12px;}
.links h4{ background-color:#c5c5c5; border-color:#2f2f2f; color:#333333; margin:0;}

/* ------------------------------ 
------------ BOTONES  -----------
------------------------------- */

.boton1 {width:142px; height:30px; color:#FFF; overflow:hidden; border:0; text-align:center;
	vertical-align:text-bottom; font-size:15px; background:url(imagenes/botones/boton1.png) no-repeat 0 0;
	display:inline-block; text-decoration:none;	cursor:pointer !important; cursor:hand; }
.boton1:hover {background-position:0 -30px; padding:0; border:0; text-decoration:none; color:#FFF;}

a.boton2 {	height:16px; color:#FFFFFF; overflow:hidden; border: #1e527c solid 1px; font-family:Arial;
	text-align:center; vertical-align:center; font-size:10px; background:url(imagenes/botones/boton2.png) repeat-x;
	display:inline-block; padding: 2px 5px 0 5px; text-decoration:none; font-weight:bolder;
	cursor:pointer !important; cursor:hand;}
a.boton2:hover {background-position:0 -17px;	text-decoration:none; color:#FFF;}

.boton3 {height:17px; color:#FFF; overflow:hidden; border: #999999 solid 1px;
	text-align:center; vertical-align:center; font-size:10px; background:url(imagenes/botones/boton3.png) repeat-x;
	display:inline-block; padding: 3px 5px 0 5px; text-decoration:none; font-weight:bold;
	cursor:pointer !important; cursor:hand; }
.boton3:hover {background-position:0 -20px; text-decoration:none; color:#FFF;}

.boton4{height:17px; color:#000; overflow:hidden; border-left:#999999 solid 1px; border-right:#999999 solid 1px;
	text-align:center; vertical-align:center; font-size:10px; background:url(imagenes/botones/boton4.png) repeat-x;
	display:inline-block; padding: 3px 5px 0 5px; text-decoration:none; font-weight:bold; margin:1px 3px;
	cursor:pointer !important; cursor:hand; -moz-border-radius:3px;}
.boton4:hover {background-position:0 -20px; text-decoration:none; color:#FFF;}

.link1{display:block; background:#E6F1FF; border-top:#0099FF 1px solid; border-bottom:#0099FF 1px solid; text-align:center; margin:5px 20px; width:80%; padding: 3px 0; font-size:12px;}
.link1:hover {background-color:#CCE4FF;text-decoration:none;}

.recuadro_boton {
	background: #eeeeee; margin: 2px; padding: 2px 7px; border: #cfcfcf 1px solid; width:145px;
	text-align:center; -moz-border-radius: 5px; text-decoration:none; font-size:14px; display:inline; margin:5px;}
.recuadro_boton:hover {text-decoration:none;background:#FFFFFF;}
.recuadro_boton.activo{background-color:#FFFFFF; border-bottom-color: #FFFFFF;}

/* ---------------- NAVEGACIÓN */
.navegacion{ padding:1px 4px; border:#105289 1px solid; background:#FFFFFF;}
.navegacion:hover{ background:#105289; color:#FFFFFF; text-decoration:none; border-color:#FFFFFF;}

/* ------------------------------ 
------------- ICONOS  -----------
------------------------------- */
	
	/*------------------ Iconos Especiales */
	
.icono_facebook_small {	width:16px;	height:16px;margin:2px;
	background:url(imagenes/iconos/icono_facebook_small.png) no-repeat 0 0; overflow:hidden; text-indent:-9999px;
	display:inline-block; cursor:pointer !important; cursor:hand;}
.icono_myspace_small {	width:16px;	height:16px;margin:2px;
	background:url(imagenes/iconos/icono_myspace_small.png) no-repeat 0 0; overflow:hidden; text-indent:-9999px;
	display:inline-block; cursor:pointer !important; cursor:hand;}
.icono_twitter_small {	width:16px;	height:16px;margin:2px;
	background:url(imagenes/iconos/icono_twitter_small.png) no-repeat 0 0; overflow:hidden; text-indent:-9999px;
	display:inline-block; cursor:pointer !important; cursor:hand;}
.icono_youtube_small {	width:16px;	height:16px;margin:2px;
	background:url(imagenes/iconos/icono_youtube_small.png) no-repeat 0 0; overflow:hidden; text-indent:-9999px;
	display:inline-block; cursor:pointer !important; cursor:hand;}
.icono_www_small {	width:16px;	height:16px;margin:2px;
	background:url(imagenes/iconos/icono_www_small.png) no-repeat 0 0; overflow:hidden; text-indent:-9999px;
	display:inline-block; cursor:pointer !important; cursor:hand;}
.icono_email_small {	width:16px;	height:16px;margin:2px;
	background:url(imagenes/iconos/icono_email_small.png) no-repeat 0 0; overflow:hidden; text-indent:-9999px;
	display:inline-block; cursor:pointer !important; cursor:hand;}
	
/* ------------------------------ 
------- ACTUAL NAVEGACION  ------
------------------------------- */
.actual_navegacion{background: url(imagenes/menu-header.png) top left repeat-x; -moz-border-radius:10px 0 0 10px; padding:10px 20px;margin:10px 0 10px 10px; font-size:18px; font-weight:700; height:18px; display:inline-block; border-right:#333333 3px solid; }
.actual_navegacion.medio{-moz-border-radius:0; margin:10px 0;border-right:#333333 3px solid; }
.actual_navegacion.fin{-moz-border-radius:0 10px 10px 0; margin:10px 0;border-right:none;}

/* ------------------------------ 
------------ EFECTOS  -----------
------------------------------- */
/* ----------------- Cargando */
#cargando{background: url(imagenes/cargando.gif) no-repeat top left; width:16px; height:16px; display:inline-block;}

/*--------- Tipsy (links) */
.tipsy { padding: 5px; font-size: 11px; font-weight:bold;background-repeat: no-repeat; }
.tipsy-inner {padding:4px 5px;background-color:#000;color:white; border:#000000 1px solid;max-width: 200px;text-align: center;-moz-border-radius:3px;-webkit-border-radius:3px;}
.tipsy-north { background-image: url(imagenes/tips/tipsy-north.gif); background-position: top center; }
.tipsy-south { background-image: url(imagenes/tips/tipsy-south.gif); background-position: bottom center; }
.tipsy-east { background-image: url(imagenes/tips/tipsy-east.gif); background-position: right center; }
.tipsy-west { background-image: url(imagenes/tips/tipsy-west.gif); background-position: left center; }

/* Mensajes -------------------------------------- */
.hecho{ color:#000000; text-align:center; background:#FBFFCA; border:#D6E100 1px solid; padding:5px; margin:5px;}
.error{ color:#000000; text-align:center; background:#FFBAB3; border:#D20000 1px solid; padding:5px; margin:5px;}