@charset "UTF-8";

/* ---------------------------------------------------------
	GENERAL
---------------------------------------------------------- */
body {
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 12px;
	color: #646464;
	line-height: 1.5em;
	background-color: #fff;
	background-image: url(/img/pix_fondo.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
}

/*	-------------------------------------------------------------
	HACKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	position: relative; }
 
.clearandspace {
	clear: both;
	font-size: 0;
	height: 20px;
	line-height: 0;
	position: relative; }

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden; }

.clearfix { display:inline-block; }
	
/* Hide from IE Mac \*/
	.clearfix { display:block; }
/* End hide from IE Mac */
 
 
 

/* ---------------------------------------------------------
	ENCABEZADOS Y PARRAFOS
---------------------------------------------------------- */

h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	letter-spacing:-0.5px;
	color: #49392f;
	margin:0px 0px 20px;
}
h2 {
	clear:both;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	letter-spacing:-0.5px;
	color: #49392f;
	margin:0px 0px 20px;
}
h3 {
	clear:both;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	letter-spacing:-0.5px;
	color: #49392f;
	margin:25px 0px 20px;
}

h4 {
	clear:both;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	letter-spacing:-0.5px;
	color: #666;
	margin:25px 0px 20px;
}

p {
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 12px;
	line-height: 140%;
	color: #646464;
}

/* ---------------------------------------------------------
	LISTAS
---------------------------------------------------------- */
ul{ list-style:none; margin:0px 0px 20px 0px; padding:0px 10px;}
li{ list-style:none;}


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

.listado li {
	text-decoration: none;
	background-image:url(/img/ico_flecha_der_ng.gif);
	background-repeat:no-repeat;
	background-position:3px 11px;
	padding: 5px 0px 5px 12px;
	font-weight:normal;
	border-bottom:1px dotted #e2ded8;
}






/* ---------------------------------------------------------
	ENLACES
---------------------------------------------------------- */

a {
	color: #cc6600;
	text-decoration: none;
	font-weight:bold;
}

a:hover {
	text-decoration: none;
	color: #693;
}

hr {
  	border: none;
  	width: 100%;
	background-color:#e2ded8;
	height: 2px;
	margin:20px 0px 20px 0px;
}



/* ---------------------------------------------------------
	CONTENEDOR
---------------------------------------------------------- */
#wrapper {
	position:relative;
	width:960px;
	height:auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding-top:33px;
}

/* ---------------------------------------------------------
	MENU SUPERIOR
---------------------------------------------------------- */
#corpmenu {
	height: 24px;
	padding:10px 0px 0px 0px ;
	float:right;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 12px;
	color: #7b9c6e;
	clear: both;
}

#corpmenu ul {
	margin:0px;
	list-style-type:none;
	padding: 0px;
}
#corpmenu li {
	float:left;
	height: 26px;
	text-align:center;
	padding: 8px 22px 0 20px;
}
#corpmenu li a {
	font-weight:lighter;
	color: #7b9c6e;
	text-decoration: none;
}
#corpmenu li a:hover {

	color: #fff;
	text-decoration: none;
}

/* ---------------------------------------------------------
	LOGO
---------------------------------------------------------- */
#logo {
	width: 950px;
	height:100px;
	clear: both;
	padding:0px 5px 0px 5px;
	display:block;
}
#logo h2 {
	clear:both;
	font-size: 18px;
	letter-spacing:-0.5px;
	color: #9dce6e;
	margin:0px 0px 20px;
}


/* SEARCH */

#search {
	height: 100px;
	width: 300px;
	padding-left: 640px;
}
.textfield {
	border:1px solid #FFFFFF;
	width:208px;
	height:18px;
	background-image:url(../img/input_back.gif);
	margin-top:30px;
	margin-right:10px;
	padding:5px;
	background-repeat: repeat-x;
	float: left;
}
.button {
	height: 30px;
	width: 70px;
	background-image: url(../img/bg-button.png);
	background-repeat: no-repeat;
	border:0px;
	float: right;
	margin-top:30px;
}

/* ---------------------------------------------------------
	MENU PRINCIPAL
---------------------------------------------------------- */
#mainmenu {
	height: 50px;
	width: 950px;
	background-image: url(/img/pix_menu_ppal.gif);
	background-repeat: repeat-y;
	background-position: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #fff;
	clear: both;
	font-weight: normal;
}
#mainmenu ul {
	margin:0px;
	list-style-type:none;
	padding: 0px;
}
#mainmenu li {
	float:left;
	height: 42px;
	text-align:left;
	background-image: url(/img/pix_menu_ppal.gif);
	background-repeat: repeat-y;
	background-position: right bottom;
	padding: 8px 15px 0 15px;
}
#mainmenu li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #ddd;
	text-decoration: none;
	font-weight: bold;
	letter-spacing:-0.5px;
}
#mainmenu li a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	letter-spacing:-0.5px;
	
}
.desc {
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 11px;
	color: #e8e5e1;
	height: auto;
	width: auto;
}


/* ---------------------------------------------------------
	RUTA
---------------------------------------------------------- */

#ruta{
	width:950px;
	margin:3px auto 0px auto;
	padding:5px 0px;
	color:#666666;
}

#ruta ul{
	margin: 0px;
	padding: 0px 0px;
	list-style: none;
	display:inline;
}
#ruta li {
	display:inline;
	text-decoration: none;
	background-image:url(/img/ico_flecha_der_ng.gif);
	background-repeat:no-repeat;
	background-position:3px;
	padding: 0px 0px 0px 10px;
	font-weight:normal;
}
#ruta li a{
	display:inline;
	text-decoration: none;
	color: #693;
	font-weight:normal;
}
#ruta a:hover {
	text-decoration: underline;
}


/* ---------------------------------------------------------
	PIE
---------------------------------------------------------- */
#footer {
	margin:30px 0px 20px 0px;
	padding: 6px 10px;
	background-color: #e2ded8;
	height:18px; 
}
.footer_text {
	color: #666;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 11px;
}
#footer_left {
	float:left;
	width:400px;
}
#footer_right {
	float:right;
	width:400px;
	text-align:right;
}

#footer_right a {
	color: #7b9c6e;
	text-decoration: none;
}


/* ---------------------------------------------------------
	CONTENIDO PAGINA PRINCIPAL
---------------------------------------------------------- */
.clearer {
	clear:both;
}
.leftblock {
	width: 279px;
	min-height:200px;
	margin:40px 0px 0px 0px;
	padding:0px 20px 10px 20px;
	float:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e2ded8;
}
.leftblock img {
	width:270px;
}
.middleblock {
	width: 279px;
	min-height:200px;
	margin:40px 0px 0px 0px;
	padding:0px 20px 10px 20px;
	float:left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e2ded8;
}
.middleblock img {
	width:270px;
}
.rightblock {
	width: 280px;
	min-height:200px;
	margin:40px 0px 0px 0px;
	padding:0px 0px 10px 20px;
	float:left;
}
.rightblock img {
	width:270px;
}
.img_container {
	border:1px solid #bfbab3;
	padding:4px;
	background-color:#e2ded8;
}
.squarelink {
	display:inline;
	background-color: #393;
	color:#FFFFFF;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 12px;
	cursor:pointer;
}
.squarelink a {
	padding:5px 10px;
	background-color: #519933;
	color:#fff;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 12px;
	text-decoration:none;
}
.squarelink a:hover {
	background-color: #C60;
	color:#fff;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: 12px;
	text-decoration:none;
}

.capita_clientes{
	width: 260px;
	margin:10px;
	padding:0px 0px;
	float:left;
}


/* ---------------------------------------------------------
	CONTENIDO PAGINAS INTERIORES
---------------------------------------------------------- */
#content {
	width: 900px;
	min-height:430px;
	margin: 0px;
	padding: 20px 30px 0px 30px;
	background: url(/img/subpage_back.png) no-repeat top #FFFFFF;
}
#main_content {
	width: 569px;
	float:left;
	padding: 10px 20px 0px 0px;
}
.rightblock_sub {
	width: 280px;
	min-height:200px;
	margin:10px 0px 0px 0px;
	padding:10px 0px 10px 20px;
	border-left: 1px solid #e2ded8;
	float:left;
}
.rightblock_sub img {
	width:270px;
}
.img_container_sub {
	border:1px solid #bfbab3;
	padding:4px;
	background-color:#e2ded8;
	margin:20px 20px 10px 0px;
	float:left;
}




/* ---------------------------------------------------------
	CLASES / NOTICIAS
---------------------------------------------------------- */


.fotoparrafode {
	float: right;
	padding: 0px;
	margin: 0px 0px 15px 15px;
}
.fotoparrafoiz{
	float: left;
	padding: 0px;
	margin: 0px 15px 15px 0px;
}

.fotoparrafomarcoiz {
	float: left;
	margin: 3px 10px 10px 0px;
	border:1px solid #bfbab3;
	padding:4px;
	background-color:#e2ded8;
}
.fotoparrafomarcode {
	float: right;
	margin: 3px 0px 10px 10px;
	border:1px solid #bfbab3;
	padding:4px;
	background-color:#e2ded8;
}

.fotomarco {
	margin: 3px 0px 10px 0px;
	border:1px solid #bfbab3;
	padding:4px;
	background-color:#e2ded8;
}



/* ----------------- pagina noticias ------------*/


.capa_titulares {
	float:left;
	width:400px;
	padding: 10px 20px 0px 0px;
	}
	
.capa_noticia {
	float: left;
	width:350px;
	border:1px solid #bfbab3;
	margin:50px 0px 0px 20px;
	padding: 10px 30px;
	background-color:#eeebe7;
	}

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

.tabs li {
	text-decoration: none;
	background-image:url(/img/ico_flecha_der_ng.gif);
	background-repeat:no-repeat;
	background-position:3px 11px;
	padding: 5px 0px 5px 12px;
	font-weight:normal;
	border-bottom:1px dotted #e2ded8;
}

.tabs:active {
	color:#063;
}


/* ----------------- lista de noticias  (sin usar) ------------*/

#listanoticias ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	display:inline;
}
#listanoticias li {
	clear:both;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	padding: 8px 0px 8px 0px;
	border-top:1px dotted #e6e4da;
}
#listanoticias li a{
	font-size:120%;
	display:inline;
	text-decoration: none;
	font-weight: bold;
}

#listanoticias a:hover {
	text-decoration: underline;
}

#listanoticias img{
	float:left;
	border:1px solid #bfbab3;
	padding:4px;
	background-color:#e2ded8;
	margin: 0px 20px 10px 0px;
	}

.parrafonoticia{
	clear:both;
	margin-top:10px;
}

.fotonoticia{
	clear:both;
	margin:10px 0px 0px 0px;
	border:1px solid #bfbab3;
	padding:4px;
	background-color:#e2ded8;
}


/* ----------------- noticia imagenes----------------*/

#reg_imgs ul {
	text-decoration: none;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
}

#reg_imgs li {
	text-decoration: none;
	margin:0px 0px 10px 0px;
	padding:0px;
	display:inline;
}
#reg_imgs li a{
	font-size:90%;
	float:left;
	margin: 0px 3px 15px 0px;
	padding:2px;
	text-align:center;
	width:20px;
	height:18px;
	text-decoration: none;
	font-weight:normal;
	background-color: #e2ded8;
	color:#333;
}
#reg_imgs a:hover {
	text-decoration: none;
	background-color: #bfbab3;
	color:#fff;

}

/* ----------------- noticia descargas ------------*/

#reg_docs ul{
	margin: 0px;
	padding: 0px 0px;
	list-style-type:none;
}

#reg_docs li {
	text-decoration: none;
	background-image:url(/img/ico_adjunto.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding: 5px 0px 5px 20px;
	font-weight:normal;
	border-bottom:1px dotted #e2ded8;
}

/* ----------------- paginacion ------------*/

#page_navigation{
	text-align:right;
	border:1px solid #e2ded8;
	padding:5px;
	}

#page_navigation a{
	margin:2px 5px;
	text-decoration:none;
}

.paginacion_mini {
	color:#aaa;
}






/* ---------------------------------------------------------
	TABLAS
---------------------------------------------------------- */

table {
	border-collapse: collapse;
	width: 100%;
}
th {
	padding: 0 0.5em;
	text-align: left;
}
tr.gray td {
	border-top: 1px solid #bfbab3;
	border-bottom: 1px solid #bfbab3;
	background: #e2ded8;
	height:30px;
	font-weight:bold;
}
tr.classic td {
	background: #e2ded8;
	padding:10px;

}
tr.classicalt td {
	background: #ffffff;
	padding:10px;
}
td {
	border-bottom: 1px solid #bfbab3;
	padding: 0 0.5em;
}
td.width {
	width: 150px;
	text-align:right;
	vertical-align:top;
	font-weight:bold;
	padding-top:5px;
}
td.right {
	text-align:left;
	vertical-align:top;
	padding:5px 0px 10px 5px;
}
td.widtht {
	width: 150px;
	text-align:right;
	vertical-align:top;
	font-weight:bold;
	padding-top:10px;
}
td.rightt {
	text-align:left;
	vertical-align:top;
	padding:10px 0px 10px 5px;
}
td.adjacent {
	border-left: 1px solid #bfbab3;
	text-align: center;
}


/* ---------------------------------------------------------
	FORMULARIOS
---------------------------------------------------------- */

form {
padding: 0px 0px 0px 20px;
margin:0px;
}

input{
	font-size:100%;
	color:#333333;
	border:1px solid #e3e0dd;
	padding:4px 6px;
	margin:2px 0px 10px 0px;
	background-color: #eee;
	}
	
.over{
	background-color: #ffffff;
	border:1px solid #C60;
	}
	
select{
	font-size:100%;
	border:1px solid #e3e0dd;
	padding:4px 6px;
	color:#333333;
	margin:3px 0px 10px 0px;
	background-color: #eee;
	}
	
label{color:#666; }	

fieldset{
	border:1px solid #e3e0dd;
	color:#5e594f;
	padding:20px;
	margin:20px 0px;
	}
	
legend{
	font-size:90%;
	text-transform:uppercase;
	background-color:#eee;
	padding:5px;
	}

textarea{
	font-family:  Trebuchet MS,Arial, Helvetica, sans-serif;
	font-size:100%;
	color: #333333;
	border:1px solid #e3e0dd;
	padding:4px 6px;
	margin:0px 0px 10px 0px;
	background-color: #eee;
	}
submit{
	border:1px solid #5e594f;
	padding-left:3px;
	}

.botontxt{
	border:1px solid #fff;
	background-color: #519933;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px;
	}
	
.botontxt:hover{
	background-color: #C60;
	color:#FFFFFF;
	padding:5px;
	cursor:pointer;
	}
	

/* ------------- icono de progreso ------------*/
#progreso{
	display:none;
	margin:5px 0px;
	padding:5px 5px 5px 30px;
	border:1px dotted #CCCC99;
	background-image:url(/img/progress.gif);
	background-position: 5px;
	background-repeat:no-repeat;
	background-color: #FFFFCC;
	font-size:90%;
}


/* ------------------------------------ recuadros respuesta  -----------------------------------*/
.recuadro_info, .recuadro_ok, .recuadro_att, .recuadro_ko {
       border: 1px solid;
       margin: 20px 0px;
       padding:20px 10px 20px 50px;
       background-repeat: no-repeat;
       background-position: 10px center;
       position:relative;
}
.recuadro_info {
       color: #00529B;
       background-color: #BDE5F8;
       background-image: url('/img/ico_info.gif');
}
.recuadro_ok {
       color: #4F8A10;
       background-color: #DFF2BF;
       background-image:url('/img/ico_ok.gif');
}
.recuadro_att {
       color: #9F6000;
       background-color: #FEEFB3;
       background-image: url('/img/ico_att.gif');
}
.recuadro_ko {
       color: #D8000C;
       background-color: #FFBABA;
       background-image: url('/img/ico_ko.gif');
}