*{margin: 0; padding: 0;}

body {
	background: #333333 url(images/water/header.bg.png) repeat-x;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
    font-weight:bold;
	color: #cccccc;
}

/* Estilo de Enlaces */
a { color: #FF8E00; text-decoration: none; outline:none;}
a:hover { color: #FFFFFF; text-decoration: underline; outline:none;}
*:focus {outline: none;}
div.clear { clear: both; }
img { border: none; } 		/*elimina el borde de la imagen con enlace*/

#cont_principal{
	background: transparent;
	width: 1020px;
    margin: 0 auto;
	border: px solid blue;
}

/* Header */

#header {
	background: url(images/water/header.png) no-repeat;
    height: 149px;
	border: px solid blue;
}

#linea{
	background: transparent url(images/water/header.overlay.png) repeat-x;
	width: 100%;
	height: 31px;
	border: px solid black;
}
.estado{
	width: 300px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-align:left;
	float: left;
	padding:10px 0 0 100px;
	border: px solid orange;
}

/* Selección de Estilos */	

#switch {
	width: 200px;
	padding:5px 5px 5px 5px;
	float: right;
	border: px solid orange;
}

#mini-nav {
	background: transparent;
	width: 200px;
	padding:0px 15px 0px 15px;
}

#red { background: url(images/button-red.png) no-repeat; border: 0; width: 16px; height: 16px; cursor:pointer;}
#water { background: url(images/button-water.png) no-repeat; border: 0; width: 16px; height: 16px; cursor:pointer;}

#logo{ width:1020px; border: px solid black;}
#logotipo{ float:right; margin: 0px 0px 0px 0px; border: px solid green;}
#banner{ float:left; margin: 30px 0px 0px 0px; border: px solid green;}


/* Botones en general */
.button {
	color: #FFFFFF;
	background: #333333 url(images/water/item.bg.hover.png) repeat-x top;
	font-size: 10px;
	text-align: center;
	padding: 0px 4px 0px;
	margin: 0px auto;
	height:20px;
	border: 0px solid #AEA866;
	cursor:pointer;
	-moz-border-radius: .2em; -webkit-border-radius: .2em; border-radius: .2em;
	box-shadow: 1px 1px 4px #000;
    -moz-box-shadow: 1px 1px 4px #000;
	-webkit-box-shadow: 1px 1px 4px #000;
}
.button:hover{
	color: #000000;
	background: url(images/water/item.bg.png) repeat-x top;
	text-shadow:0 1px 1px rgba(200,200,200,0.9);
	text-align: center;
	padding: 0px 4px 0px;
	margin: 0px auto;
	height:20px;
	border: 0px solid #AEA866;
	cursor:pointer;
	-moz-border-radius: .2em; -webkit-border-radius: .2em; border-radius: .2em; 
}

/*** CONTENEDOR PRINCIPAL - CENTRAL - INFERIOR ***/

/* Menus - areas de contenido */
#contenidos{ width: 1020px; margin: 10px 0; background: transparent; border: px solid green;}

.mi, .mc, .md, .mf, .mp { display: inline; overflow: visible !important /*Firefox*/; overflow: hidden /*IE6*/; }
.mi { width: 200px; padding: 10px 0 0 0; margin: 0px px px px; float: left;} /* Contenido izquierdo */
.mc { width: 600px; padding: 10px 0 0 10px; margin: 0px px px 10px; float: left;} /* Contenido central */
.md { width: 200px; padding: 10px 0 10px 0; margin: 0px px px px; float: right;} /* Contenido derecho */
.mf { width: 240px; padding: 0 0 5px; margin: 10px 5px 5px 9px; float: left;} /* Contenido pie de pagina */
.mp { width: 810px; padding: 10px 0 5px; margin: 0px 0px 5px 0px; float: left; } /* Contenido central maximizado */

/* Estilo de Menus */
h1, h2, h3, h4, h5, h6 { margin: 0; color: #FFFFFF; font-family: 'Arial', Tahoma, sans-serif; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 4px 0 -4px 0; text-align: right; text-shadow: #242424 0px 1px 1px;}

#menus{ 
	box-shadow: 0px 0px 6px #000;
    -moz-box-shadow: 0px 0px 6px #000;
	-webkit-box-shadow: 0px 0px 6px #000;
	-moz-border-radius: .4em; -webkit-border-radius: .4em; border-radius: .4em; 
}
.menu_top {
background: #444444 url(images/.png) repeat-x top;
margin: 10px auto;
padding: 6px 7px 0px 5px;
border: 1px solid #444444;
 -moz-border-radius: .4em;
 -webkit-border-radius: .4em; border-radius: .4em;
 }
.menu_top_l { background: #444444 url(images/.png) no-repeat left; height: 12px; padding-left: 15px; }
.menu_text { padding: 10px 7px 7px 7px; font-size: 16px }

/* navegación */
#nav{margin: 0px 0px 0px 0px; height: 35px; border: px solid green;}

div.menuBar a.menuButton, div.menuButton, div.menuButton_over {
	background: transparent ; padding: 6px; margin: 4px 5px; float: right; text-shadow:0 1px 1px rgba(200,200,200,0.9); text-align: center; border: px solid #cccccc; color: #000; text-transform: uppercase;
	font-size: 15px; font-weight:bold; display: block; -moz-border-radius: .2em; -webkit-border-radius: .2em; border-radius: .2em; } /* Fondo Menu Principal */

div.menuBar a.menuButton:hover, div.menuButton:hover, div.menuButton_over {
	/* Degrado para los diferentes navegadores */
	/* fallback (Opera) */  
	background: #144885; text-decoration: none; color: #000000; -moz-border-radius: .2em; -webkit-border-radius: .2em; border-radius: .2em;
	/* Mozilla: */  
	background: -moz-linear-gradient(top, #0075F8, #144885);
	/* Chrome, Safari:*/
	background: -webkit-gradient(linear, left top, left bottom, from(#0075F8), to(#144885));
	/* For Internet Explorer 5.5 - 7 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0075F8', endColorstr='#144885');
	/* For Internet Explorer 8 */
	-ms-filter:  "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0075F8', endColorstr='#144885')";}

div.menuBar a.menuButtonActive, div.menuButtonActive, div.menuButtonActive:hover, 
div.menuBar a.menuButtonActive:hover { text-decoration: none; color: #000000; padding: 6px; margin: 4px 5px;} /* Boton con Sub Menus */

div.menu {
	text-decoration: none; color: #000000; position: absolute; visibility: hidden; z-index: 101;
	/* Degrado para los diferentes navegadores */
	/* fallback (Opera) */  
	background: #DEE0E2; -moz-border-radius: .2em; -webkit-border-radius: .2em; border-radius: .2em;
	/* Mozilla: */  
	background: -moz-linear-gradient(top, #DEE0E2, #333333);
	/* Chrome, Safari:*/
	background: -webkit-gradient(linear, left top, left bottom, from(#DEE0E2), to(#333333));
	/* For Internet Explorer 5.5 - 7 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#DEE0E2', endColorstr='#838484');
	/* For Internet Explorer 8 */
	-ms-filter:  "progid:DXImageTransform.Microsoft.gradient(startColorstr='#DEE0E2', endColorstr='#838484')";
} /* Sub Menus General */

div.menu a.menuItem {
	background: #838484; padding: 5px; margin: 5px;  text-align: left; border: px solid #cccccc; color: #000000; text-transform: uppercase; font-size: 10px; 
	display: block; text-decoration: none; white-space: nowrap; line-height: 12px; -moz-border-radius: .2em; -webkit-border-radius: .2em; border-radius: .2em;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
	background: #144885 url(images/.png) repeat-x top;  border: px solid #222222; text-decoration: none; color: #FFFFFF; -moz-border-radius: .2em; -webkit-border-radius: .2em; border-radius: .2em;}

div.menu a.menuItem span.menuItemBuffer { padding: 0px 2px 0px 2px; color: #000000; }
div.menu a.menuItem:hover span.menuItemBuffer { padding: 0px 2px 0px 2px; color: #000000; }
div.menu a.menuItem span.menuItemText { padding: 0px 0px 0px 3px; } /* Alineamento texto Sub Menu */

/*Titulo Noticia*/
.topPost {
	background: #EEEEEE;
	padding: 0;
	margin: 0px 0px 15px 0px;
	-moz-border-radius: .2em; -webkit-border-radius: .2em; border-radius: .2em;
    height: 1%; 
}
.topPost h2.topTitle {
	background: #600 url(images/water/item.bg.hover.png) repeat-x center;
	color: #FFF;
    text-shadow: #300 0px -1px 1px;
	margin: 4px;
	padding: 4px;
	box-shadow: 1px 1px 4px #000;
    -moz-box-shadow: 1px 1px 4px #000;
	-webkit-box-shadow: 1px 1px 4px #000;
    text-align:right;
}
.topPost h2.topTitle a {
	font-size: 12pt;
	font-family: Arial, Tahoma,'Times New Roman', serif;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: 0px;
 }
.topPost h2.topTitle a:hover {
	text-decoration: none;
	color: #CCCCCC;
 }
/*Autor - Fecha - Categoria*/
.topPost p.topMeta {
	text-align: right;
	margin: 10px 20px 5px 0px;
	font-size: 10pt;
	color: #333333;
}
.topPost p.topMeta a {
	text-decoration: underline;
	color: #850A0A;
}
.topPost p.topMeta a:hover {
	color: #333333;
}

/*Iconos - Enviar - Imprimir - Pdf */
.topPost .topIcon {
	margin-top: 5px;
	text-align: right;
	padding-right: 20px;
}

/*Imagen - Noticia*/
.topPost div.topContent {
	font-size: 9pt;
	color: #000000;
	margin: 10px;
	padding: 10px 10px 10px 10px;
	background: #DDDDDD;
	-moz-border-radius: .2em; -webkit-border-radius: .2em; border-radius: .2em;
	box-shadow: 1px 1px 4px #000;
    -moz-box-shadow: 1px 1px 4px #000;
	-webkit-box-shadow: 1px 1px 4px #000;
}
.topPost div.topContent img {
	float: left;
	margin: 0 5px 3px 0;
	border: 0 none;
}
.topPost div.topContent a {
	text-decoration: underline;
	color: #850A0A;
}
.topPost div.topContent a:hover {
	text-decoration: underline;
	color: #333333;
}

/**/
.topPostMenu h2.topTitle {
	font-size: 15pt;
	font-weight: normal;
	color: #FFFFFF;
}
.topPostMenu h2.topTitle a {
	font-size: 15pt;
	font-weight: normal;
	color: #fff;
	letter-spacing: -2px;
}
.topPostMenu h2.topTitle a:hover {
	text-decoration: none;
	color: #abd1ea;
}

/**/
.topPostMenu p.topMeta {
	padding: 0;
	margin: -10px 0 0 0;
	font-size: 9pt;
	color: #cdcdcd;
}
.topPostMenu p.topMeta a {
	text-decoration: underline;
	color: #fff;
}
.topPostMenu p.topMeta a:hover {
	color: #ccc;
}
/**/
.topPostMenu div.topContent {
	font-size: 9pt;
	color: #efefef;
	margin: 8px 0;
}
.topPostMenu div.topContent a {
	text-decoration: underline;
	color: #fff;
}
.topPostMenu div.topContent a:hover {
	text-decoration: underline;
	color: #ff9933;
}

/* Botones Inferiores Noticias*/ 
#botones{
	margin-top: 5px;
	text-align: left;
	padding-left: 10px;
}
.button .topPost div.topContent ul, .topPost div.topContent ol {
	padding: 0 0 0 0px;
}
.topPost div.topContent ul li, .topPost div.topContent ol li {
	color: #eee;
    margin-right: 16px;
}
.topPost span.topComments, .topPost span.topMore, .topPost span.topTags {
	font-size: 10pt;
	background: #333333 url(images/water/item.bg.hover.png) repeat-x top;
	padding: 4px 10px;
	margin-right: 5px;
	color: #FFFFFF;
	-moz-border-radius: .2em; -webkit-border-radius: .2em; border-radius: .2em;
	box-shadow: 1px 1px 4px #000;
    -moz-box-shadow: 1px 1px 4px #000;
	-webkit-box-shadow: 1px 1px 4px #000;
	float:right;
    }
.topPost span.linkpages {
	font-size: 9pt;
	color: #FFFFFF;
	margin-bottom: 10px; display:block;
}
.topPost span.linkpages a:hover {
	color: #ddd;
}
.topPost span.topComments:hover, .topPost span.topMore:hover, .topPost span.topTags:hover {
	background: #333333 url(images/water/item.bg.png) repeat-x top;
	color: #000000;
}
.topPost span.topComments a {
	color: #FFFFFF;
	background: url(images/comments.png) right no-repeat;
	padding-right: 30px;
	/*line-height: 0pt;  */
	vertical-align: middle;
}
.topPost span.topMore a {
	color: #000000;
	background: url(images/mas.png) right no-repeat;
	padding-right: 20px;
	vertical-align: middle;
}
.topPost span.topTags em {
	background: url(images/tags.gif) right no-repeat;
	padding-right: 20px;
	line-height: 0pt;
	vertical-align: middle;
	color: #FFFFFF;
}
.topPost span.topTags a {
	color: #fff;
	/*line-height: 0pt;*/
	vertical-align: middle;
}
.topPost span.topComments a:hover, .topPost span.topMore a:hover, .topPost span.topTags a:hover {
	color: #FFFFFF;
}

/* Paginación */
/* Estilo básico del menú de navegación de páginas */
/* Estilo Principal del menú - caja*/
.nextprev {
    font: 12px tahoma, verdana, arial, helvetica, sans-serif;					/* Tipos de fuente - al colocar ('') establecemos ese tipo de letra por defecto */
    color:#FFFFFF;																				/* Color del tipo de fuente */
    font-variant: Small-caps ;																/* Tipo de fuente */
    text-align: center; 																			/* Orientación dentro de la página */
	margin: 10px 0px;																			/* Espacio exterior */	
    padding: 10px;																				/* Espacio interior */
	border: px solid #FF0000;																/* Borde auxiliar - sirve para darnos una orientación */
	font-weight: bold;

	/* Esquina redonda para los diferentes navegadores */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	/* Sombra */
	box-shadow: 1px 1px 4px #000;
    -moz-box-shadow: 1px 1px 4px #000;
	-webkit-box-shadow: 1px 1px 4px #000;

	/* Degradado para los diferentes navegadores */
	background-color: #0061D0;
	background: -moz-linear-gradient(top, #0075F8, #0061D0 5%, #144885);
	background: -webkit-gradient(linear, left top, left bottom, from(#0075F8), color-stop(0.05, #0061D0), to(#144885));	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#0061D0', EndColorStr='#144885');		
}

/* Estilo principal del enlace */
.nextprev a{
    color: #FFFFFF;																				/* Color del tipo de fuente */
	text-decoration: none ;																	/* Decoración en el enlace */
	font-weight: bold;
	text-shadow: 0px 1px 1px #000000;

	/* Degradado para los diferentes navegadores */
	background-color: #0061D0;
	background: -moz-linear-gradient(top, #0075F8, #0061D0 5%, #144885);
	background: -webkit-gradient(linear, left top, left bottom, from(#0075F8), color-stop(0.05, #0061D0), to(#144885));	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#0061D0', EndColorStr='#144885');		
	
	/* Esquina redonda para los diferentes navegadores */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

/* Estilo principal  de la caja del enlace*/
.nextprev_link {
	margin: 0px 1px; 																			/* Espacio exterior */	
    padding: 2px 5px;																			/* Espacio interior entre el borde y el número */
    border: px solid #999999;																/* Borde y color de la caja de cada número */
    color: #999999;																				/* Color del tipo de fuente */
    text-decoration: none;																	/* Decoración en el enlace */
	text-shadow: 0px 1px 1px #a50b0a;
	
	/* Degradado para los diferentes navegadores */
	background-color: #0061D0;
	background: -moz-linear-gradient(top, #0075F8, #0061D0 5%, #144885);
	background: -webkit-gradient(linear, left top, left bottom, from(#0075F8), color-stop(0.05, #0061D0), to(#144885));	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#0061D0', EndColorStr='#144885');		
}

/* Estilo del enlace inactivo */
.nextprev a:hover {
    border: px solid #FFFFFF;																/* Borde y color de la caja de cada número */
    color:#FFFFFF;																				/* Color del tipo de fuente */
    
/* Degradado para los diferentes navegadores */
	background: -moz-linear-gradient(top, #144885, #0061D0 5%, #0075F8);
	background: -webkit-gradient(linear, left top, left bottom, from(#144885), color-stop(0.05, #0061D0), to(#0075F8));	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#144885', EndColorStr='#0061D0');
	
	/* Sombra del texto principal */
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.9);
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.9);
	box-shadow: 0px 0px 3px rgba(0,0,0,0.9);
	
	/* Esquina redonda para los diferentes navegadores */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

/* Estilo del enlace activo */
.nextprev_current {
   	color: #FFFFFF;																				/* Color del texto activo */
    border: px solid #4fa3e0;																/* Borde y color de la caja del número activo */
    padding: 2px 5px; 																			/* Espacio interior entre el borde y el número */
    cursor: default;																				/* Tipo de cursor */
	text-shadow: 0px 1px 1px #000000;
	
	/* Degradado para los diferentes navegadores */
	background-color: #144885;		
	background: -moz-linear-gradient(top, #144885, #0061D0);
	background: -webkit-gradient(linear, left top, left bottom, from(#144885), to(#0061D0));	
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#144885', EndColorStr='#0061D0');
	
	/* Esquina redonda para los diferentes navegadores */
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

/* E107 STYLES */

.small { font-size: 10px; color: #FFFFFF; }
.smalltext { font-size: 10px; color: #000000; }
.smallbottom { font-size: 10px; color: #000000; text-align:left; }
.smallblacktext { color: #FFFFFF; font-size: 10px; }

.indent {padding: 4px; margin: 2px; background-color: #272727; border: 1px dotted #000; }/* Identificador calendario */
.comment{color: #ff0000; font-size: 10px;}
.spacer{padding: 5px 0px;}

.tbox { 
	color: #242424; 
	background: #DDDDDD; 
	font-weight: bold; 
	font-size: 11px; 
	border: 1px solid #EEEEEE; 
	margin: 2px auto; 
	padding: 2px; 
	box-shadow: 1px 1px 4px #000;
    -moz-box-shadow: 1px 1px 4px #000;
	-webkit-box-shadow: 1px 1px 4px #000;
	-moz-border-radius: .2em; -webkit-border-radius: .2em; border-radius: .2em;
}
	
.tbox:focus {
	border: px solid #1378B5;
	background: #EEEEEE;
	box-shadow: 0px 0px 10px #000000;
    -moz-box-shadow: 0px 0px 10px #000000;
	-webkit-box-shadow: 0px 0px 10px #000000;
}

.chatbox { width: 98%; margin: 2px auto; }
.cbheader{
font-weight: bold;
padding: 14px 0 0 0;
border-bottom: 1px solid #7C7B7B;
}

/* Info caja inferior bbcode */
.helpbox { 
	background-color: #DDDDDD;
	width: 80%; 
	height: 15px; 
	border: 1px solid #EEEEEE; 
	color: #000; 
	font-size: 7pt;
	margin: 5px 0 5px 0;
	padding: 2px 5px 4px 5px;
	box-shadow: 1px 1px 4px #000;
    -moz-box-shadow: 1px 1px 4px #000;
	-webkit-box-shadow: 1px 1px 4px #000;
	-moz-border-radius: .3em; -webkit-border-radius: .3em; border-radius: .3em;
}

/* Estilo del foro */
.ftrack { border: none; padding: 7px 5px 7px 5px; background: #222222; }
.fdata { text-align: center; border-top: 2px solid #000; padding: 7px 4px; background: #202020 url(images/item.bg.hover.png) repeat-x top; }
.fcaption {
	background: #333333 url(images/water/item.bg.hover.png) repeat-x top;
	font-size: 12px; 
	text-align: left;
	padding: 4px;
	margin: 0px auto;
	box-shadow: 1px 1px 4px #000;
    -moz-box-shadow: 1px 1px 4px #000;
	-webkit-box-shadow: 1px 1px 4px #000;
}

.fcaption span.smalltext{ color: color: #000000; }
.fcaption span.smalltext a:hover{ color: #a0bac6; }

.fcaption a { color: #FFFFFF; text-decoration: none;  text-shadow: #300 0px -1px 1px;}
.fcaption a:hover { color: #a0bac6; }

a.forumlink{ color: color: #707070; text-decoration: none; }
a.forumlink:hover{ color: #a0bac6; }

.fborder { border: px solid #333333; margin: 0 0 0 0; } /*Linea principal del contenedor*/
.forumheader {
	background: #016BA1 url(images/water/item.bg.hover.png) repeat-x top;
	padding: 2px 4px 2px 4px;
	color: #000000;
	font-size: 12px; 
	text-align: left;
	padding: 4px;
	margin: 10px;
	box-shadow: 1px 1px 4px #000;
    -moz-box-shadow: 1px 1px 4px #000;
	-webkit-box-shadow: 1px 1px 4px #000;
}/* Titulos: calendario - perfil - forum  */
	
.forumheader2 { padding: 7px 5px 7px 5px; font-size: 12px;}
.forumheader3 {
	padding: 5px; 
	color: #000000;
	font-weight: bold;
	background: transparent; 
	font-size: 11px;
	margin: 5px;
	border: px solid #EEEEEE;
	box-shadow: 1px 1px 4px #000;
    -moz-box-shadow: 1px 1px 4px #000;
	-webkit-box-shadow: 1px 1px 4px #000;
}

.forumheader4 { padding: 7px 5px 7px 5px; border: 1px solid #000; font-size: 11px; background: #016BA1 url(images/water/item.bg.hover.png) repeat-x top; }
.finfobar { padding: 2px 0px 0 20px; }

/* Pie de pagina */
#footer_principal{
	background: #444444;
	width: 100%;
	margin: 0;
	padding: 0;
	box-shadow: 0px 0px 6px #000;
    -moz-box-shadow: 0px 0px 6px #000;
	-webkit-box-shadow: 0px 0px 6px #000;
}
#footer{
	width: 1020px;
	border: px solid orange;
	margin: 0 auto;
	-moz-border-radius: .2em; -webkit-border-radius: .2em; border-radius: .2em;
}
#disclaimer {
	background: #016BA1 url(images/water/item.bg.hover.png) repeat-x top;
	width: 100%;
	font: 12px tahoma, verdana, arial, helvetica, sans-serif;					/* Tipos de fuente - al colocar ('') establecemos ese tipo de letra por defecto */
    color:#FFFFFF;																				/* Color del tipo de fuente */
    font-variant: Small-caps ;																/* Tipo de fuente */
    text-align: center; 																			/* Orientación dentro de la página */
	margin: 10px 0px;																			/* Espacio exterior */	
    padding: 10px 0 10px 0;																	/* Espacio interior */
	border: px solid #FF0000;																/* Borde auxiliar - sirve para darnos una orientación */
	font-weight: bold;
	
	/* Sombra */
	box-shadow: 1px 1px 4px #000;
    -moz-box-shadow: 1px 1px 4px #000;
	-webkit-box-shadow: 1px 1px 4px #000;
}