/* ELEMENTOS BÁSICOS*/
html
{
    background: url("img/fondo-main.jpg") repeat;
}

body
{
    margin: 0px;
    padding: 0px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    line-height: 1.5em;
    color: #fff;
    background: url("img/fondo-top.png") repeat-x center top;
    width: 100%;
    display: table;
}

img
{
	border: 0px;
	vertical-align: middle;
}

input, select, button, textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 1px 1px 1px 1px;
	padding: 0px 0px 0px 2px;
}

th { text-align: center;}		/* En Firefox esto no es automático */

tr { vertical-align: top;}

h1 
{
	margin-top: 0px;
    font-size: 18px;
    font-weight: bold;
    color: #669900;
    background: url("img/h1.jpg") no-repeat;
    background-position: left;
    height: 50px;
    padding-left: 60px;
    padding-top: 4px;
    line-height : 120%;
}

h6
{
	margin: 0px 0px 15px 0px;
    font-size: 18px;
    font-weight: bold;
    color: #669900;
    background: url("img/h1sare.png") no-repeat;
    background-position: left;
    height: 30px;
    padding-top: 20px;
}

h2 
{
    margin-top: 20px;
    padding-left: 10px;
    padding-top: 7px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    height: 26px;
    background: url("img/h2.jpg") repeat-x;
}

a:link, a:visited { color: #007000; text-decoration: none; }
a:active, a:hover { color: #CC0000; text-decoration: none; }

hr
{
	margin: 3px 0px 3px 0px;
	/*padding: auto;*/
}

/* FIN ELEMENTOS BÁSICOS*********************************************************************************/

/* ENLACES "FALSOS" *************************************************************************************/

.enlace { cursor: pointer; color: #007700; text-decoration: none; }
.enlace:hover { cursor: pointer; color: #CC0000; text-decoration: none; }

/* FIN ENLACES "FALSOS" *********************************************************************************/

/* TABLAS */
.tablaroja
{
	width: 100%;
	border-color: #cc0000;
	border-collapse: collapse;
	line-height: 150%;
}

.tablaverde
{
	width: 100%;
	border-color: #009900;
	border-collapse: collapse;
	line-height: 150%;
}

.separador { background-color: #e0e0e0;}
.header_verde { background-color : #88dd88;}
.header_rojo { background-color : #ffbbbb;}
.fila2 { background-color : #e6e6e6;}
.fila1 { background-color : #ffffff;}
.fila_resaltada { background-color : #ffff00;}
.fila_verde { background-color: #f5fff5;}
.fila_roja { background-color : #FFF8F8;}
.col_header { font-weight: bold; text-align: right;}
.boton_rojo {
	font-family: Tahoma, "Arial Black";
	width: 710px;
    height: 30px;
    padding: 6px 0px 0px 15px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    background: url("img/h3_rojo.png") no-repeat;
}
.boton_rojo a:link, .boton_rojo a:visited, .boton_rojo .enlace { color: #333333; text-decoration: none; }
.boton_rojo a:active, .boton_rojo a:hover, .boton_rojo .enlace:hover  { color: #CC0000; text-decoration: none; }
.boton_verde {
	font-family: Tahoma, "Arial Black";
	width: 710px;
    height: 30px;
    padding: 6px 0px 0px 15px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    background: url("img/h3_verde.png") no-repeat;
}
.boton_verde a:link, .boton_verde a:visited, .boton_verde .enlace { color: #333333; text-decoration: none; }
.boton_verde a:active, .boton_verde a:hover, .boton_verde .enlace:hover { color: #CC0000; text-decoration: none; }

.strong {
	font-size: 12px;
	font-weight: bold;
}

.normal {
	font-size: 10px;
	font-weight: normal;
}

.radio_color {
	padding: 4px 0px 0px 2px;
	border: 1px solid #bbbbbb;
}

.fieldset {
	padding: 5px;
}
.fieldset p {
	margin: 3px;
}

.tabla_importacion {
	overflow: auto;
}

/* NOTICIAS ********************************************************************************/
.noticia {
	margin: 8px auto;
	border: 1px solid #bbb;
	float: left;
	width: 100%;
}
.noticia .titulo {
	color: #000066;
	background-color: #ddeedd;
	padding: 4px 8px 4px 8px;
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #bbb;
	overflow: hidden;
	/*white-space: nowrap;*/
}
.noticia .fecha {
	font-size: 12px;
	float: right;
	padding-left: 50px;
}
.noticia .autor {
	text-align: right;
	color: #999;
	margin: 1px 4px 0px 0px;
}
.noticia p {
	margin: 6px 8px 6px 8px;
}
.noticia .imagen {
	margin: 8px;
	padding: 2px;
	border: 1px dashed #bbb;
	float: right;
}
.noticia .respuesta {
	width: 98%;
	float: left;
	color: #000066;
	background-color: #f8fff8;
	padding: 2px 4px 1px 8px;
	border-top: 1px solid #bbb;
}
.noticia .enlace { cursor: pointer; color: #000066; text-decoration: none; }
.noticia .enlace:hover { cursor: pointer; color: #000066; text-decoration: none; }


/* PAGINATION ********************************************************************************/
.pag_fulltag
{
	float: right;
	font-weight: bold;
}

.pag_nexttag, .pag_prevtag, .pag_numtag, .pag_firsttag, .pag_lasttag
{
	background-color: #f9f9f9;
	border: 1px solid #D0D0D0;
	padding: 0px 2px 0px 2px;
}
.pag_curtag
{
	vertical-align : top;
	background-color: #008800;/*#f9f9f9;*/
	border: 1px solid #D0D0D0;
	padding: 0px 2px 0px 2px;
	color: #fff;
}
/* PAGINATION ********************************************************************************/


/* FIELDSET_INLINE */
.fieldset_inline 
{
	padding-left: 10px;
}
.fieldset_inline ul { list-style-type: none;}
.fieldset_inline li
{
	display: inline;
	padding-left: 12px;
	padding-right: 12px;
}
/* FIN FIELDSET_INLINE *********************************************************************************/


/* FORMULARIO DATOS USUARIO */
.form_datos_usuario
{
	width: 550px;
	text-align: right;
	margin-bottom: 10px;
}
.form_datos_usuario fieldset
{
	padding-right: 10px;
	padding-left: 10px;
	font-weight: bold;
}
.form_datos_usuario fieldset p
{
	font-weight: normal;
	margin-bottom: 0px;
}

/* FIN FORMULARIO ALTA USUARIO *********************************************************************************/

.container {
    width: 980px;
    margin: auto;
}


/* TOP */
.topsection {
    float: left;
    width: 980px;
    height: 80px;
}


.topsection .logos {
    float: left;
    padding-top : 3px;
    width : 320px;
}

.topsection .title {
    float: left;
    font-size: 16px;
    font-weight: bold;
    height: 80px;
    /*background: url("img/logo.png") no-repeat;*/
    line-height : 115%;
    padding-top : 10px;
	padding-left : 8px;
    width : 250px;
}

.topmenu {
    float: right;
    margin-top: 12px;
	margin-right: 4px;
}

.topmenu ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.topmenu li {display: inline;}

.topmenu li a {
    float: left;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    color: #fff;
    width: 75px;
    height: 20px;
    margin-left: 6px;
    padding-top: 1px;
    background: url("img/boton1.png") no-repeat;
}

.topmenu li a:hover, .topmenu li .current {
    color: #fff;
    background: url("img/boton1act.png") no-repeat;
}

/* FIN TOP */

/* IDIOMAS *************************************************************************************/
.idiomas {margin-top : 8px; float: right; padding: 2px;}
.idiomas ul {list-style: none; padding: 0px; margin: 0px;}
.idiomas li {display: inline; padding-left: 2px;}
.idiomas li .current, .idiomas li img:hover {border: 1px outset Yellow;}
/* FIN IDIOMAS *********************************************************************************/

/* IZQUIERDA */

.left_column {
    float: left;
    width: 230px;
}

.left_top {
    float: left;
    width: 230px;
    height: 130px;
}

.button {
    font-family: Tahoma, "Arial Black";
    float: left;
    width: 215px;
    height: 30px;
    padding: 6px 0px 0px 15px;
    margin: 8px 0px 0px 0px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background: url("img/h3.png") no-repeat;
}

.button a:link, .button a:visited { color: #FFFFFF; text-decoration: none; } 
.button a:active, .button a:hover { color: #CC0000; text-decoration: none }


.leftmenu {
    float: left;
    width: 230px;
	font-size: 12px;
    font-weight: bold;
    color: #3c4826;
	line-height: 180%;
}
.leftmenu ul {
    list-style-type: none;
	margin: auto;
	padding-left: 20px;
}
.leftmenu li a {
    display: block;
    color: #3c4826;
    /*background: url("img/boton2.gif");*/
}
.leftmenu li a:hover, .leftmenu li .current {
    color: #000;
}

/* FIN IZQUIERDA *********************************************************************************/


/* DERECHA */
.right_column {
    float: left;
    width: 750px;
    background: url("img/dcha-fondo.png") repeat-y;
}

.right_top {
    float: left;
    width: 750px;
    height: 60px;
    background: url("img/dcha-top.png") no-repeat;
    margin : auto;
}

.right_top_titulo {
    padding: 14px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    width: 750px;
    text-align : center;
}

.right_mid {
    float: left;
    width: 710px;
    margin: 0px auto;
    background: #fff;
    color: #000000;
    padding-left: 20px;
	padding-right: 20px;
    text-align: justify;
}

.right_mid .img {
    float: right;
    padding-left: 10px;
}
/*
.right_mid strong {
    float: right;
    padding-right: 60px;
    background: url("img/estrella.jpg") no-repeat;
    background-position: right;
    color: #eec400;
}
*/
.right_bot {
    float: left;
    /*margin-top: 0px;*/
    /*padding-top: 20px;*/
    width: 750px;
    height: 25px;
    /*color: #333333;
    text-align: center;
    font-weight: bold;*/
    background: url("img/dcha-bottom.jpg") no-repeat;
}

/* FIN DERECHA *********************************************************************************/


/* USUARIO */
.userpass{
    width : 230px;
    height : 80px;
	background: url("img/userpass.png") no-repeat;
    float : left;
    margin : 0px;
}

.userpass_input{
    text-align : right;
    padding: 12px 0px 0px 0px;
    color: #000000;
    width : 185px;
    float : left;
}

.userpass_boton
{
    padding: 14px 10px 0px 0px;
    font-weight : bold;
    float : right;
	width: 30px;
	height: 30px;
    /*background: url("img/userpass-boton.png") no-repeat;*/
}

.userpass_conectado
{
    padding: 12px 0px 7px 20px;
    color: #000000;
    float : left;
	width: 170px;
}

.userpass_enlaces
{
	text-align: center;
}
.userpass_enlaces a:hover{ color: #880000; text-decoration: underline; }
.userpass_enlaces a  { color: #FFFFFF; text-decoration: underline; }

/* FIN USUARIO *********************************************************************************/


.msg_error {
    color : #cc0000;
	font-size: 10px;
	font-weight : bold;
	font-style : italic;
}

.usuarios_online {
    color : #006600;
	font-size: 10px;
	font-weight : bold;
	text-align: center;
}

.bottom {
	width: 750px;
	text-align: center;
    margin: 0px;
	padding: 0px;
	border: 0px;
	float: right;
}


/* MENSAJES */
.important {
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 11px;
 background-color: #f9f9f9;
 border: 1px solid #B0B0B0;
 color: #002166;
 display: block;
 margin: 10px 0 10px 0;
 padding: 5px;
}

.critical {
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 11px;
 background: #FBE6F2;
 border: 1px solid #E68F8F;
 color: #333;
 margin: 10px 0 10px 0px;
 padding: 5px;
}

.msg_verde {
 font-family: Monaco, Verdana, Sans-serif;
 font-size: 11px;
 background: #E6FBF2;
 border: 1px solid #8FBB8F;
 color: #333;
 margin: 10px 0 10px 0px;
 padding: 5px;
}
/* FIN MENSAJES *********************************************************************************/

/* TOOPTIPS PARA GOOGLE MAPS *********************************************************************/
.tooltip {
	opacity: .60;
	/*-moz-opacity:.60;*/
	/*filter:Alpha(opacity=60);*/
	white-space: nowrap;
	margin: 0;
	padding: 2px 0.5ex;
	border: 1px solid #000;
	font-weight: bold;
	font-size: 9pt;
	font-family: Verdana;
	background-color: #fff;
}