﻿/* CSS Document */

/*reseteo*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, a, address, em, img, strong, tt, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, p
{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-family:inherit;background:transparent;}
strong{font-weight:bold}
ul{ list-style: none}
a:active, a:focus{outline:0}

body{background:#062d80;color:#3b3b3b;font:normal 70%/1em Arial, Helvetica, sans-serif} 
a{text-decoration:none; color:#000}
#wrap{width:968px;margin:0 auto;position:relative; background:#fff;min-height:868px}

/* corregir subrayados*/
a:hover{text-decoration:underline}

h2, h3, h4, h5, h6{font-size:100%}
h2, h3{line-height:1em;}
h1{line-height:0.8em;}

/*font*/
.ital{ font-style:italic}
.negr{ font-weight:bold!important}
.blue{ color:#007fbe}

/*floats*/
.fleft{float:left}
.fright{float:right}
.fclear{clear:both;line-height:0;height:0;font-size:0}
.posrel{position:relative}

/*forms*/
/*estos estilos base se modificaran*/
input,select,textarea{font-size:0.95em}
input{padding:2px 0 2px 2px;border:1px solid #c6c6c6;height:14px;}
select{height:20px; border:1px solid #c6c6c6; color:#3B3B3B; width:96px; padding-top:0}
button{padding:1px;vertical-align:middle;cursor:pointer;margin:0;border:none}
.radio{border:0;vertical-align: text-bottom}

/*botones*/
.bt1{ background:url(/PublishingImages/WebOUPE2010/bg_bt1.gif) repeat-x; padding:2px 7px; border:none; color:#fff; font-weight:bold; font-size:1em; cursor:pointer; padding-bottom:5px}
.bt1:hover{ background:url(/PublishingImages/WebOUPE2010/bg_bt1hover.gif) repeat-x;color:#515151; padding-bottom:4px}

.bt2{ background:url(/PublishingImages/WebOUPE2010/bg_bt2.gif) repeat-x; padding:3px 7px 4px 7px; border:none; color:#515151; font-size:1em; cursor:pointer}
.bt2:hover{ background:url(/PublishingImages/WebOUPE2010/bg_bt2hover.gif) repeat-x; color:#fff}

/* comunes*/
a.pdf{background:transparent url(/PublishingImages/WebOUPE2010/ico_pdf.gif) no-repeat left center;padding:2px 0 2px 20px}
.pdf2{background:url(/PublishingImages/WebOUPE2010/ico_pdf2.gif) no-repeat 0 center;padding:2px 0 2px 20px;color:#2B81B0;font-weight:bold}
.pieFoto{padding:5px 0 6px 14px;font-style:italic}


/*margenes*/
.mar0{ margin:0 !important}
.marl2{ margin-left:2px}
.marl20{margin-left:20px}
.marl10{margin-left:10px}
.marb16{ margin-bottom:16px!important}
.marb40{margin-bottom:40px}
.marb5{margin-bottom:5px}
.marR0{margin-right:0!important}
.brNone, li.brNone a{ border-right:none!important}
.mart15{margin-top:15px}
.marb10{margin-bottom:10px!important}
.mart20{ margin-top:20px; display:block}
.marb12{ margin-bottom:12px !important}
.mart10{ margin-top:10px}
.bgno{ background:none!important}
.marl300 li{margin-left:300px}



/* mapa web */

.cont_mp{width:203px;padding:15px 10px 10px 15px;line-height:22px;margin-right:10px;float:left;}
.contMpLast{margin-right:0px;}
.cont_mp h2{font-size:1.5em;font-weight:bold;margin-bottom:8px;line-height:16px;color:#444}
.cont_mp h2 a{color:#444}
.cont_mp h2 a:hover{text-decoration:none;color:#2b81b0}
	/* fila de modulos. por defecto = 4 columnas*/
	.contFila{background:transparent url(/PublishingImages/WebOUPE2010/bg_mapWtop.gif) no-repeat 1px top;margin-bottom:10px;width:951px;}
	.fila{background:transparent url(/PublishingImages/WebOUPE2010/bg_mapWbot.gif) no-repeat 1px bottom;min-height:100px}

	/* desplegables por niveles y comportamiento*/
	.tit_colap{display:block;margin-bottom:5px}
	.tit_colap a{font-size:1.1em;margin:4px 0 3px 0;min-height:8px;color:#333;cursor:pointer;padding-bottom:7px;line-height:1.1em}
	.tit_colap a:hover, .proy_sub .sinNiv div a:hover{color:#2b81b0;text-decoration:none}
	.colap_o div a{background:transparent url(/PublishingImages/WebOUPE2010/plegar.gif) no-repeat left 7px ;padding-left:10px;}
	.colap_o p{line-height:1.2em!important}
	.colap_v div a, .colap_v .niv2 li a{background:transparent url(/PublishingImages/WebOUPE2010/desPlegar.gif) no-repeat left 5px;padding-left:10px;}
	
	.niv2_1 li a{color:#777; padding-left:25px; line-height:18px;font-size:1.05em}
	.niv2_1 li a:hover{text-decoration:none;color:#2b81b0}
	.niv2_1, .proy_sub .sinNiv div a{display:block;padding-bottom:5px}
	.niv2 a{background:transparent url(/PublishingImages/WebOUPE2010/desPlegar.gif) no-repeat 15px 6px!important;padding-left:27px!important;display:table;}
	.niv2 a.sinNiv, .niv2des a.sinNiv{background:transparent url(/PublishingImages/WebOUPE2010/bulletBig.gif) no-repeat 16px 7px!important;}
	
	.niv2des a{padding-left:27px!important;background:transparent url(/PublishingImages/WebOUPE2010/plegar.gif) no-repeat 15px 8px!important;display:block;}
	.niv3 li{color:#525555;margin-left:32px;}
	.niv3 li a:hover{color:#2b81b0 !important}
	
	.proy_sub .sinNiv div a{background:transparent url(/PublishingImages/WebOUPE2010/bulletBigBlue.gif) no-repeat 1px 5px!important;padding-left:10px;font-size:1.1em;min-height:8px;color:#333;cursor:pointer;line-height:1.1em}
	.niv3 li a{color:#888 !important;font-size:1.03em !important;background:none!important;margin-left:0px!Important;display:table;background:transparent url(/PublishingImages/WebOUPE2010/bullet.gif) no-repeat 0px 9px!important;padding-left:6px!important}
	

/* filas de modúlos. cambiar para tener fila de 1, 2, o 3  columnas*/
.contFila1{background:transparent url(/PublishingImages/WebOUPE2010/bg_mapWtop1.gif) no-repeat 1px top;margin-bottom:10px;width:951px;}
.fila1{background:transparent url(/PublishingImages/WebOUPE2010/bg_mapWbot1.gif) no-repeat 1px bottom;min-height:100px}

.contFila2{background:transparent url(/PublishingImages/WebOUPE2010/bg_mapWtop2.gif) no-repeat 1px top;margin-bottom:10px;width:951px;}
.fila2{background:transparent url(/PublishingImages/WebOUPE2010/bg_mapWbot2.gif) no-repeat 1px bottom;min-height:100px}

.contFila3{background:transparent url(/PublishingImages/WebOUPE2010/bg_mapWtop3.gif) no-repeat 1px top;margin-bottom:10px;width:951px;}
.fila3{background:transparent url(/PublishingImages/WebOUPE2010/bg_mapWbot3.gif) no-repeat 1px bottom;min-height:100px}

/* modúlos recursos */
.destac{background-color:#fafafa;border:1px solid #ebebeb;min-height:70px;margin-bottom:15px;padding:15px}
.destac img{float:left;}
.destac div{font-size:1.1em;padding:12px 0 0 10px;line-height:1.5em;float:left;color:#333}
.destac p.titRec{color:#007fbe;font-size:1.4em;margin-bottom:2px;}
.destac a:hover{color:#007fbe}

	/*paginación menu */
	#pagRec{padding:16px 0 6px 18px}
	#pagRec p{font-size:1.6em;margin-bottom:10px;color:#000}
	#pagRec h2{float:left;color:#9b9b9b;font-size:1.3em;padding:9px 5px 0 0;font-weight:bold;}	

	#pagRec ul{padding:2px 2px 20px 2px;}
	#pagRec ul li{float:left}
	#pagRec ul li a{padding:6px 4px;color:#007fbe;font-size:1.2em;font-weight:bold; display:block;background:#fff;margin-bottom:10px;text-align:center;width:54px;background:url(/PublishingImages/WebOUPE2010/bg_pagRec.gif) no-repeat top right;}
	#pagRec ul li.activ a{background:#007fbe url(/PublishingImages/WebOUPE2010/bg_arrow_pagRec_over.gif) no-repeat center 23px;padding-bottom:13px; display:block;margin-bottom:0;color:#fff}
	#pagRec ul li a:hover{text-decoration:none;background:#007fbe url(/PublishingImages/WebOUPE2010/bg_arrow_pagRec_over.gif) no-repeat center 23px;padding-bottom:13px;display:block;margin-bottom:0;color:#fff}
	#pagRec ul li.last a:hover{background:#007fbe url(/PublishingImages/WebOUPE2010/bg_arrow_pagRec_over.gif) no-repeat center 23px}
	#pagRec ul li.last a{border:none;background-image:none}


	/* fila de modúlos. por defecto = 2 columnas*/
	.contFilRec{margin-bottom:16px;width:951px;}
	.filaRec{min-height:100px; overflow:auto}
		/*...con 1 sola columna*/
		.contFilRec1{background:transparent url(/PublishingImages/WebOUPE2010/bg_filRecTop1.gif) no-repeat 1px top;margin-bottom:16px;width:951px;}
		.filaRec1{background:transparent url(/PublishingImages/WebOUPE2010/bg_filRecBot1.gif) no-repeat 1px bottom;min-height:100px}
		
	.modRec{float:left;width:437px;padding:12px 15px;font-size:1.1em; min-height:260px; border:1px solid #ccc; margin-left:5px;}
	.cabRec{margin-bottom:20px;position:relative;}
	.cabRec img, .cabRec h4{float:left}
	.cabRec div{font-size:1.2em;font-weight:bold;width:256px;line-height:1em;position:absolute;bottom:0;left:170px;}
	ul.listRec li{line-height:1.3em;margin-bottom:6px;list-style-type:disc;list-style-position:inside;}
	ul.listRecPop li{line-height:1.3em;margin-bottom:6px;list-style-type:none; display:block;list-style-position:inside;}
	ul.listRecPop li span{float:left;color:#007FBE}
	ul.listRecPop li a{padding-left:5px}
*:first-child+html ul.listRecPop li a{ margin-left:-16px}

	.modRec a:hover{color:#007fbe}

/* modulos recursos hack para IE7*/
	.cabRec div{*bottom:-42px;}
	.cabRec{*margin-bottom:40px;}

/*Estilo de la lista del control de autocomplete del registro de usuarios */	
.autocomplete_completionListElement 
{  
	margin : 0px!important;
	background-color : #fff;
	color : windowtext;
        border : buttonshadow;
	border : 1px solid #c6c6c6;
	cursor : 'default';
	overflow : auto;
	height : 185px;
    	text-align : left; 
    	list-style-type : none;
}








