/* CSS Document */

*,html {
	padding:0px;
	margin:0px;
}
h1{
	color:#0099cc;
	font-size: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	width:327px;
	height:40px;
	padding-top:15px;
	background-image:url(../images/ico_h3.jpg);
	background-repeat: no-repeat;
	text-align: center;
}
h2{
	color:#0099cc;
	font-size: 12px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h3{
	color:#666666;
	font-size: 12px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
	background-color: #ffffff;
	background-image:url(../images/cabecerab.jpg);
	background-repeat: repeat-x;
	
}
p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

li {
	list-style-image: none;
	list-style-type: none;
	}
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #006699;
	text-decoration: underline;
}

a.img {
	border: none;
	text-decoration: none;
}

input,select,textarea {
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	/*border: 1px solid #0099FF;*/
}


/* clases propias */
.numeros_menu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ccffff;
	padding: 5px;
	font-weight: bold;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.salto {
	clear: both;
}


/* fin clases propias */

#cabecera{
	width:780px;
	height:190px;
	margin-bottom:0px;
	padding:0px;
	
	/*background-color: #0099cc;*/
}
#cabecera2{
	height: 190px;
	margin-bottom:0px;
	padding:0px;
}
#central{
	width:100%;
	margin-top:0px;
	background-color: #0099cc;
	margin:auto auto;
	border-bottom-color: #006699;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

/* EFECTO SOMBRA*/

div.blur {
	background-color: #cccccc; /*shadow color*/
	color: inherit;
	margin-left: 2px;
	margin-top: 2px;
	width:150px;
	height:150px;
	  
}

div.shadow {
   position: relative;
   bottom: 2px;
   right: 2px;
   border: none;
	text-decoration: none;
}

div.content a img{
   position: relative;
   bottom: 2px;
   right: 2px;
   border: none;
	text-decoration: none;
}

div.shadow{
	background-color: #666666; /*shadow color*/
	color: inherit;
	width:150px;
	height: 150px;
	
}

div.content a img{
	width:149px;
	/*background-color: #CCCCCC;*/ /*background color of content*/
	/*color: #000;*/
	height: 149px;
	padding: 1px;
	border: none;
	text-decoration: none;
}

/* FIN EFECTO SOMBRA*/

#acceso{
	width:150px;
	height:37px;
	position: absolute;
	background-image:url(images/web/acceso.jpg);
	left: 478px;
	top: 0px;
	background-repeat: no-repeat;
	
}

/* MENU principal*/
#menu {
	width: 800px;
	background-color: #0099cc;
	height: 22px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
}
#menu ul{
	list-style-type: none;
	margin: auto auto;
}
#menu ul li {
	display:inline;
	margin-right: 2px;
	margin-left: 2px;
	color: #FFFFFF;
	
}
#menu ul li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
#menu ul li a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
}
#menu ul li a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}

/* MENU SECUNDARIO */
#menu3 {
	HEIGHT:32px;
	WIDTH: 780px;
	margin-right: auto;
	margin-top:10px;
	margin-left: auto;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#menu3 ul{
	list-style-type: none;
	padding: 5px;	
}
#menu3 ul li{
	display: inline;
	margin-right: 9px;
	margin-left: 9px;
}
#menu3 ul li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #333333;
	text-decoration: none;
	font-weight: bold;
	padding-bottom:10px;
	/*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0099cc;*/
}
#menu3 ul li a:hover{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #0099cc;
}

/* FIN MENU*/

#fondo, #fondo0{
	width: 780px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin:auto auto;
	margin-bottom:20px;
	
}

.fondo{
	width: 780px;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin:auto auto;
	margin-bottom:20px;
}

#col_1 {
	float: left;
	width:425px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align:justify;
	margin-top:5px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 25px;
}
#col_2 {
	float: left;
	width:205px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-align: left;
	margin-top:5px;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 125px;
		
}
#col_3 {
	WIDTH: 230px;
	HEIGHT:280px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-align: left;
	padding-right: 10px;
	padding-bottom: 15px;
	margin-bottom:15px;
	padding-left: 10px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccecf4;
}

#col_3 ul li {
	list-style: none;
	padding-left: 10px;
		
}

#textos2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	float: left;
	width: 600px;
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}	
#contenido{
	width: 450px;
	margin-top: 0px;
	float:left;

}
#contenidob{
	width:445px;
	float:left;
}
#contenidod{
	width:332px;
	float:left;
}
#contenido_variable{
	width:320px;
	margin-left: 0px;
	margin-top: 0px;
	float:right;
}
#contenido_variableb{
	margin-left: 5px;
	margin-top: 10px;
	margin-right: 5px;
	float:right;
	width: 330px;
	margin-bottom:15px;

}
#images{
	WIDTH: 155px;
	HEIGHT:155px;
	float: left;
	margin-right:5px;
	margin-top:15px;
	
}

.images {
	WIDTH: 155px;
	HEIGHT:155px;
	float: left;
	margin-right:5px;
	margin-top:15px;
	
}
#pie{
	HEIGHT:20px;
	WIDTH: 100%;
	float: left;
	background-color: #0099cc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: bold;
	text-align:center;
	padding-top:10px;
	margin-bottom:30px;
	border-bottom-color: #006699;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
#pie_datos{
	width:750px;
	margin:auto auto;
}
#pie_datos a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration:none;
}
#datos{
	float: left;
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 10px;
	width: 335px;
	background-color:#ffffff;
	border: 1px solid #ccecf4;
	padding-bottom: 10px;
	padding-left: 10px;
}

.datos{
	float: left;
	margin-bottom: 20px;
	margin-right: 10px;
	margin-left: 10px;
	width: 335px;
	background-color:#ffffff;
	border: 1px solid #ccecf4;
	padding-bottom: 10px;
	padding-left: 10px;
}

#titulos2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	margin-top: 5px;
	margin-left: 5px;	
}
#textospeq{
	WIDTH: 140px;
	HEIGHT:140px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	float: left;
/*	background-color: #e5e5e5;*/
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	margin-top:18px;
}
#capabotones{
	height: 15px;
	width: 150px;
	float:left;
	margin-top:5px;
	margin-left:5px;
}
#capabotones a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #0099cc;
	text-decoration:none;
}
#textospeque2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	margin-right: 10px;
	float: left;
	width: 180px;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	list-style-image: none;
	list-style-type: none;
}


#contenidoc{
	margin-top: 15px;
	margin-left: 10px;
	float:left;
	margin-bottom: 15px;
}

#pdf{
	width:300px;
	float:left;
	margin-top:60px;
	margin-left:30px;
}

#pdf_img{
	width:50px;
	height:53px;
	float:right;
	margin-top:25px;
}



/* MENU LATERAL */
#menu_lateral {
	width:200px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:30px;
	vertical-align: middle;
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ccecf4;
}
#menu_lateral ul{
	list-style-type: none;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	line-height: 12px;
}
#menu_lateral ul li{
	margin-right: 10px;
	margin-left: 5px;
	margin-top:3px;
	margin-bottom:3px;
	padding-bottom:4px;
	padding-top:4px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #0099CC;
	line-height: 12px;
}
#menu_lateral ul li:hover{
	color:#0099cc;
	

}
#menu_lateral ul li a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	line-height: 12px;
	width:180px;
	height: auto;
	display:list-item;
	
}

#menu_lateral ul li a img {
border: none;
text-decoration: none;
}

#menu_lateral ul li a:hover{
	color: #0099cc;
	width:180px;

}
#menu_lateral ul li a:active{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #0099cc;
	line-height: 12px;
}

/* MENU LATERAL */



/* Formularios presupuestos/consultas */

span.error {
	color: #0099cc; 
	font-weight: bold;
}

.invisible {
	display: none;
	
}

.destacado{
	color:#0099cc;
	font-weight:bold;
}

/* Extranet */

#contenidob label {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	float: left;
	display: inline;
	width: 75px;
	font-size: 11px;
	clear: none;
}

#contenidob input, select, textarea {
	float: left;
	margin-left: 20px;
	display: inline;
	
}

#contenidob textarea {
	width: 200px;
	height: 50px;
}



/* Estilos Gestor /////////////////////////////*/
.gs_body {
	background-color: #ffffff;
	background-image:none;
	font-size: 10px;
	text-align:left;
}

.gs_body table {
	margin: auto auto;
	color: #666666;
	background-color: #FFFFFF;
	font-size: 1.1em;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

.gs_body div input{ 
	display: none; /* quitar lineas de campos ocultos en Firefox */
	}

.gs_h1 {
	background:none;
	width: 400px;
}
	
.gs_body li {
	list-style: none;
	}

.gs_tabla_cabecera {
	background-color: #059BCD;
	color: #FFFFFF;
	background-image: none;
	font-weight: bold;
	padding:2px;
	border:#999999 solid 1px;
}

.gs_tabla_datos {
	background: #FFFFFF;
	color: #666666;
	font-weight:bold;
	padding:4px;
	border:#999999 solid 1px;
	
	
}

.gs_link:link, .gs_link:visited, .gs_link_pag:link, .gs_link_pag:visited {
	font-size:12px;
	text-decoration: none;
	color: #059BCD;
	font-weight: bold;
}

.gs_link:hover {
	text-decoration:underline;
}

.gs_link_pag:hover {
	text-decoration: none;
}

.gs_link_img {
	font-size: 10px;
	text-decoration: none;
	color: #059BCD;
	font-weight: normal;
}

.gs_select {
	width: 150px;
	height: 20px;
	color: #333333;
	border: 1px solid #CCCCCC;
	font-size: 13px;
	padding: 2px;
	float: none;
	margin-left: 20px;
	background-color: #FFFFFF;
}

select#order.gs_select{
	float: right;
	display: inline;
	}

.gs_input {
	font-size: 11px;
}

input.gs_boton, a.gs_boton {
	background-color: #0099cc;
	color:#FFFFFF;
	width: 70px;
	float:left;
	margin-right:15px;
	/*margin-bottom:30px;*/
	border: none;
	padding: 2px;
	/*height: 20px;*/
	text-decoration: none;
	text-align: center;
	border: none;
	}

.gs_invisible {
	display: none;
	}
	
.gs_radio {
	width: 30px;
	float: none;
	clear: both;
	display: inline;
	border: none;
}

/* Estilos recorte */ 
table.gs_cropper label { 
	clear: left;
	margin-left: 30px;
	float: left;
	width: 5em;
		}
		
#testWrap {
	margin: 20px 0 0 50px; /* Just while testing, to make sure we return the correct positions for the image & not the window */
}

table.gs_cropper input{
	border: 1px solid #666666;
	width: 30px;
}

table.gs_cropper2 input{
	border: 1px solid #666666;
	width: 70px;
	float: left;
	clear: both;
	margin-left: 20px;
}

table.gs_cropper input.gs_boton{
	border: 1px solid #666666;
	width: 70px;
	float: left;
	clear: both;
}


/* hasta aquí Estilos Gestor */

/* Estilos Extranet */
table.extranet td, table.extranet th {
	padding: 5px;
	border: solid 1px #999999;
	font-size: 11px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

table.extranet th {
	background-color: #0099cc;
	color: white;
}