/* genérico */

*{
	margin: 0;
	padding: 0;
}

body{
	background-color: #eee;
	color:#666666;
	font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 160%;
/*	height: 100%;*/
}


a {
	color: #FF760E;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #FF760E;
	text-decoration: underline;
}


a.mainlevel {
	border-bottom: 1px solid #DDDDDD;
	color: #666666;
	display: block;
	height: 29px;
	line-height: 29px;
	text-decoration: none;
	text-indent: 5px;
	width: 99%;
}

a.smainlevel {
	color: #666666;
	display: block;
	height: 29px;
	line-height: 29px;
	text-decoration: none;
	text-indent: 20px;
	width: 99%;
	font-size: 10px;
}

a.mainlevel:hover, a.mainlevel:active, a.mainlevel:focus, a.smainlevel:hover, a.smainlevel:active, a.smainlevel:focus {
	background: url(./images/boxs/gris/grad1.jpg) top #FFFFFF;
	color: #666666;
	text-decoration: none;
}

a.mainlevel#active_menu,  a.smainlevel#active_menu{
	background: #DDDDDD;
	color: #666666;
	font-weight: bold;
}



h1 {
	font-size: 175%;
}


h2 {
	font-size: 150%;
	margin-bottom: 5px;
	margin-top: 15px;	
}


h3 {
	font-size: 125%;
	margin-bottom: 5px;
	margin-top: 15px;	
}


h4 {
	font-size: 100%;
	margin-bottom: 5px;
	margin-top: 15px;
	/*text-transform: uppercase;*/
}

/*
p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 1em 0;
	padding: 0;
}
*/
/*
ul {
	list-style: none;
}


ul li {
	background: url(images/bullet-list.gif) no-repeat 18px 8px;
	line-height: 180%;
	padding-left: 30px;
}


ol li {
	line-height: 180%;
	margin-left: 35px;
}

*/

/*       */



#caja{
	margin: 0 auto;
	/*width: 80%;*/
	min-height: 800px;
	width: 950px;
	position: relative;
	background-color:#fff;
	border-bottom: 1px dotted #fff;

}

/*  IE 6.0*/   
* html #caja{ /*IE6 only rule.*/
	height: 1000px;
	/*height: 100%;*/
}


#borderleft{
	position:absolute;
	top: 0;
	left: -15px;
	width: 20px;
	height: 100%;
	background: url("images/shadow-left.gif") repeat-y;
}

#borderright{
	position:absolute;
	top: 0;
	right: -17px;
	width: 20px;
	height: 100%;
	background: url("images/shadow-right.gif") repeat-y;
}

#contenedor{
	margin: 0 auto;
	width: 96%;
/*	min-height: 400px;*/
}

#cajaSup{
	float: left;
	width: 100%;
	height: 160px;
}


#navSup{
	width: 100%;
	height: 32px;
	background: url(images/boxs/menusup/grad2.gif) top left repeat-x;
}


#navInf{
	float:left;
	width: 100%;
	margin-bottom: 20px;
}


#logoSup{
	margin: 20px 0 0 20px;
	width: 720px;
	height: 90px;
	/*background: url(images/logo_sup_it.gif) top left no-repeat;	*/
}

#logoSup img{
	border: none;
}

#logoSup a{
	display: block;
	height: 80px;
	width: 660px;
	color:#FFFFFF;
}


#logoSup span{
	display: none;
}



#cajaCentral{
	float: left;
	width: 100%;
	margin-bottom: 20px;	
/*	height: 600px;*/
}



#columna_izq{
	float: left;
	width: 370px;
}

#columna_izq_art{
	float: left;
	width: 200px;
}


#columna_der{
	float: left;
	width: 520px;
	margin-left: 20px;
}


#columna_der_art{
	float: left;
	width: 680px;
	margin-left: 20px;
}

#columna_der_art .tools{
	float: right;
	width: 80px;
	height: 20px;
}

#columna_der_art .tools img{
	border: 0;
	float: right;
	margin: 3px;
}


#columna_der .subcaja{
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 20px;
}


/* --------- footer ---------- */
/*
#footer{
	margin: 0 auto;
	clear: both;
	height: 40px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	background-color: #f3f3f3;
}
*/

#footerwrap {
	clear: both;
	font-size: 92%;
	margin-top: 10px;
}


#footer {
	margin: 0 auto;
	height: 10px;	
	background: #F3F3F3;
	border-top: 1px solid #CCCCCC;
	clear: both;
	padding: 8px 0;
	position: relative;
	margin-bottom: 20px;
}



#footer small{
	color: #999999;
	display: block;
	float: left;
	font-style: normal;
	line-height: normal;
	padding: 0 0 0 10px;
}


small.copyright{
	position: absolute;
	right: 10px;
}


#footer a {
	text-decoration: none;
}


#footer a:hover, #ja-footer a:active, #ja-footer a:focus {
	text-decoration: underline;
}


#footer ul {
	background: url(./images/boxs/gris/v_line.gif) no-repeat center right;
	float: left;
	line-height: normal;
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 10px;
}

#footer li {
	background: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#footer li a {
	background: url(./images/boxs/gris/v_line.gif) no-repeat center left;
	display: inline;
	line-height: normal;
	padding: 0 10px;
}






/* ------ fin footer ------------ */






.clear{
	clear: both;
}


/************* boxes *************/

.box_gris{
/*	width: 363px;*/
/*	width: 100%;*/
	margin-bottom: 20px;
}

.box_gris.inicio{
	width: 363px;
}

.box_gris.articulo{
	width: 200px;
}



.box_gris .top{
	height: 20px;
	background: url(images/boxs/gris/col-top.gif) no-repeat top left;
}

.box_gris .bottom{
	height: 20px;
	background: url(images/boxs/gris/col-bot.gif) no-repeat top left;	
}

.box_gris .top_art{
	height: 20px;
	background: url(images/boxs/gris/col-top1.gif) no-repeat top left;
}

.box_gris .bottom_art{
	height: 20px;
	background: url(images/boxs/gris/col-bot1.gif) no-repeat top left;	
}


.box_gris .central{
	height: 100%;
	background-color: #f3f3f3;
	border-left: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
}

.box_gris .menu ul{
	text-decoration: none;
	width:100%;
	list-style:none;
}

.box_gris .menu ul ul{
	width:100%;
}

.box_gris .menu li{
	margin-left: 5px;
	display:block;
	float: left;
	width:90%;
	height: 29px;
	border-top: 1px solid #e6e6e6;
}

.box_gris .menu li li{
	margin-left: 25px;
}
.box_gris .left{
	float: left;
	width: 49%;
	height: 100%;
	background: url(./images/boxs/gris/v_line.gif) right repeat-y;
}

.box_gris .right{
	float: left;
	width: 49%;
	height: 100%;
}

.box_gris .total{
	float: left;
	width: 99%;
	height: 100%;
}

.box_gris h3, .hilite h3{
	color: #FF760E;
	font-size: 150%;
	line-height: normal;
	margin: 0 0 8px 8px;
	padding: 0;
	width: 120px;
}

.box_gris h3 span, .hilite h3 span {
	background: url(images/h3-bg.gif) no-repeat center right;
	padding-right: 20px;

}

.box_gris .division{
	margin: 0 10px;
	border-top: 1px solid #e6e6e6;
}

.box_gris .division h5, p{
	margin: 0;
	padding: 0;
}

.box_gris .division h5 a{
	font-size: 12px;
}

.box_gris .division p{
	font-size: 11px;
}


/* ------  cajaTitular ---  */

.cajaTitular{
	height: 30px;
	width: 100%;
	background: url(images/boxs/titular/pw-r.gif) no-repeat top right;
	margin-top: 10px;
	color:#666666 ;
}

.cajaTitular .left{
	width: 500px;
	height: 30px;
	background: url(images/boxs/titular/pw-l.gif) no-repeat top left;
	
}

.cajaTitular p{
	font-size: 10px;
	margin-left: 20px;
	padding-top: 5px;

}


/* ---- fin cajaTitular - ----   */


/*  -- estracto articulo home --*/

.contenido_articulo_int{
	min-height: 600px;
}

.contenido_articulo h2, h3, h4{
	margin: 0;
	padding: 0;
	margin-top: 5px;
}

.contenido_articulo_int h3 {
	margin-bottom: 0;
}

.contenido_articulo_int h4 {
	margin-top: -10px;
}


.contenido_articulo .fecha{
	font-size: 9px;
}


.contenido_articulo p{
	margin-top: 10px;
}

.contenido_articulo_int h4{
	font-size: 18px;
}

.contenido_articulo_int h3{
	font-size: 20px;
	margin-bottom: 25px;
	margin-top: 25px;
}

.contenido_articulo_int h2{
	font-size: 22px;
}


.contenido_articulo_int p{
	margin-top: 10px;
	margin-left: 5px;
}

.contenido_articulo_int ol{
	margin-left: 25px;	

}

.contenido_articulo_int img{
	border: none;
	float:left;
	margin-right: 15px;
	margin-bottom: 15px;	
}

.contenido_articulo_int .galeria img{
	float:none;
}

.contenido_articulo_int .subtitulo{
	font-size: 12px;
	font-weight:bold;
	line-height:1.3em;
}

.contenido_articulo_int .vimagen img{
	width: 100%;
}

.contenido_articulo_int ul{
	margin-left: 20px;
	margin-top: 10px;
}

/*  caja con cabecera gris */

.mitad{
	width: 45%;
	float: left;
/*	margin-top: 15px;
	margin-left: 5px;*/
	margin-right: 15px;
}


div.module h3{
	font-size: 10px;
	padding-top: 5px;
}

div.module h3 span {
	background: none;
}


div.module {
	background: url(images/boxs/module/box-br.gif) no-repeat bottom right;
	margin: 0;
	overflow: hidden;
	padding: 0;
	/*width: 200px;	*/
	width: 100%;	
	float: left;
}


div.module div {
	background: url(images/boxs/module/box-bl.gif) no-repeat bottom left;
	padding: 0;
}


div.module div div {
	background: url(images/boxs/module/box-tr.gif) no-repeat top right;
	padding: 0;
}


div.module div div div {
	background: url(images/boxs/module/box-tl.gif) no-repeat top left;
	padding: 0 20px 15px;
}


div.module div div div div {
	background: none;
	float: none;
	margin: 0;
	overflow: hidden;
	padding: 0;	
	margin-top: 15px;
}

.destacados ul{
	text-decoration: none;
	width:100%;
	list-style: none;
}

.destacados li{
	display: block;
	background: url(images/logo_bullet.gif) no-repeat;
	margin-bottom: 8px;
	padding-left: 25px;
}


.destacados span a{
	text-decoration: none;
	color:#666666;
}

.destacados span a:hover, .destacados spana:active, .destacados spana:focus {
	color: #FF760E;
	text-decoration: underline;
}


.destacados2 ul{
	text-decoration: none;
	width:100%;
	list-style: none;
}

.destacados2 li{
	display: block;
	font-size: 11px;
	background: url(images/arrow.png) no-repeat left center;
	margin-bottom: 3px;
	padding-left: 20px;
}


.destacados2 span a{
	text-decoration: none;
	color:#666666;
}

.destacados2 span a:hover, .destacados spana:active, .destacados spana:focus {
	color: #FF760E;
	text-decoration: underline;
}



/*  fin caja con cabecera gris */




#menuSup{
	margin: 0;
	padding: 0;
/*	position: relative;*/
	border: 0;
}

#menuSup ul {
	text-decoration: none;
	width:100%;
	list-style:none;
}

#menuSup li {
	float: left;
	padding: 0;
	margin: 0;
	background: none;
	border-right: 1px solid #75AAD2;
}

#menuSup a {
	display: block;
	float: left;
	text-decoration: none;
	line-height: 32px;
	padding: 0 20px;
	color: #C3DBED;
	font-size: 100%;
	font-weight: bold;
	border-right: 1px solid #2B6484;
}

#menuSup a:hover, #menuSup a:active, #menuSup a:focus {
	color: #FFFFFF;
	background: url(images/boxs/menusup/grad2-1.gif) repeat-x top #2B6484;
}

#menuSup li.active a, #menuSup li.active a:hover, 
#menuSup li.active a:active, #menuSup li.active a:focus {
	color: #FFFFFF;
	background: url(images/boxs/menusup/grad2-2.gif) repeat-x top #91AE4E;
}




/*********** fin boxes ***********/

/*  ------------ buscar ------------- */



#navsearch {
	background: url(images/search-bg.gif) no-repeat;
	display: block;
	height: 22px;
	position: absolute;
	right: 20px;
	top: 30px;
	width: 166px;
}


#navsearch .inputbox {
	border: none;
	color: #666666;
	font-size: 11px;
	margin: 3px 0 0 5px;
	padding: 0;
	width: 135px;
}

#navsearch .inputbox:hover, #navsearch .inputbox:focus {
	background: #FFFFFF;
	border: none;
}

/* --- fin buscar ---------- */


#navlanguage{
	float: right;
	display: block;
	height: 22px;
	position: absolute;
	right: 20px;
	top: 120px;
	width: 90px;
}

#navlanguage img{
	border: none;
}



.hilite {
	background: url(images/grad2.jpg) repeat-x top #EFEFEF;
	border: 1px solid #DDDDDD;
	border-bottom: 2px solid #CCCCCC;
	margin: 10px;
	padding: 10px 10px 15px;
}



.hilite h3 {
	color: #666666;
}



.hilite h3 span {
	background-image: url(images/h3-bg2.gif);
}


.hilite p{
	font-size:11px;
}

fieldset{
	margin: 1em 0;
	padding: 1em;
	border: 1px solid #CCCCCC;
	background: #f8f8f8;
}

legend{
	font-weight: bold;
	padding-left: .8em;
	padding-right: .8em;
	
}

.camposearch input{
	width: 300px;
	margin-bottom: 5px;
	border: 1px solid;
	border-bottom: 2px solid;
}


.textoarea{
	width: 400px;
	height: 200px;
	border: 1px solid;
	
}

#album li {
   display:inline;
   float:left;
   width:150px;
   min-height: 190px;
   /*height:190px;*/
   background-color: rgb(251,252,246)/*#f5f7f9*/;
   color: inherit;
   padding:5px;
   margin:5px;
   text-align: center;
   border-right: #a5a7aa solid 1px;
   border-bottom: #a5a7aa solid 1px;
} 

.caja_busqueda label{
	display: block;
}


.caja_busqueda input[type="text"]{
	width: 300px;
	border: 1px solid #e6e6e6;
}

.caja_busqueda input.submit, .caja_busqueda input.radio{
	width: auto;
}

.caja_busqueda input[type="text"].fecha{
	width: 100px;
}

input.radio{
	float: left;
	margin-right: .8em;
}

.caja_busqueda div{
	float: left;
	width: 160px;
}

.caja_busqueda .comentario{
	clear: both;
	color: #ccc;
	font-size: 9px;
}

.italica{
	font-style:italic;
}

.nota{
	font-style:italic;
	font-size: 11px;
	text-align:right;
}

.recuadro{
	width: 400px;
	float:  right;
	background-color: #f3f3f3;
	padding: 11px;
	margin-bottom: 30px;
}