/*
general
----------------------------------*/
*{
	padding:0px;
	margin:0px;
}
body {
	min-height:100%;
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 110%;
	background: #FFFFFF;
	color: #545454;
	letter-spacing:1px;
}
html {
  min-height:100%;
	/*overflow-x:hidden;*/
}
img{
	border: none;
}
a{
	/*color: #ed2e38;*/
	outline: none;
	cursor: pointer;
	text-decoration:none;
    /*background: inherit !important;*/

}
a:hover{
	/*color:#ed2e38;*/
	text-decoration:underline;
	/*background: inherit !important;*/
}
a:hover img{
	border:none;
}
hr{
	background-color:#ccc;
	color:#FFFFFF;
}
h1{
	width:95%;
	border-bottom:1px solid #a9a9a9;
	text-align:left;
	margin:0px 0px 10px 0px; 
	font-weight:bold;
	padding:1px 5px 1px 5px;
	text-decoration:none;
	font-size:150%;
}
h2{
	width:99%;
	text-align:left;
	margin:0px 0px 9px 0px;
	padding:1px 5px 11px 5px;
	text-decoration:none;
	font-size:140%;
	font-weight:bold;
	/*display: inline-table;*/
	display:none;
	background: transparent url(../images/pixel_gis3.png) repeat-x scroll left bottom;
}
h2 a{
	color:#ed2e38;
	padding:1px 4px 1px 4px;
	text-decoration:none;
	font-size:88%;
	background: inherit !important;
}
h2 a:hover{
	color:#545454;
	text-decoration:none;
	background: inherit !important;
}
h3{
	font-weight:bold;
	font-size:140%;
	border-bottom:1px solid #a9a9a9;
	padding:1px 5px 1px 5px;
	width:99%;
	margin-bottom:12px;
}
li{
	list-style:none;
}
form{
	display:inline;
}
#contenido ul.marg{
	margin-left:3%;
}

/*
	MENU ADMINISTRACION
	----------------------------------*/
.container {
	font-size:80%;
	width:96%;
	margin:0 2% 2% 2%;
	background:none;
	padding: 30px 0 0 0;
	text-align:left;
	float:left;
}
.container p{
	width:100%;
	display:block;
	text-align:justify;
    /* background: #fff;  declare background color for container to avoid distorted fonts in IE while fading */

}
.container p a{
	color: #ed2e38;
	outline: none;
	cursor: pointer;
	text-decoration:none;
    background: inherit !important;

}
.container p a:hover{
	color:#ed2e38;
	text-decoration:underline;
	background: inherit !important;
}
#carga{
float:right;
font-size:70%;
padding:5px 0 0 0;
margin-right:0px;
}
/*
contenedor
----------------------------------*/
#container {
	min-height:100%;
	height: 100%;
	background: none;
	width:95%;
	margin:0 auto;
	text-align:left;
}
* html #container {
	height:100%;
}

/* 
cabecera
----------------------------------*/
#cabecera {
	float:left;
	margin:auto;
	text-align:center;
	padding:0;
	width:100%;
}
#cabecera_int2{
	width:100%;
	float:left;
	display:block;
	margin:0 auto;
}
#logo_div2 {
	width:30px;
	float:left;
}
h1.txtlogo{
	margin: 20px 0 0 0px;
	padding:0 0 10px 40px;
	font-weight:bold; 
	text-align:left;
	width:auto;
	float:none;
}
.color_red{
	margin:0px;
	padding:0px;
	color:#ed2e38;
	background: inherit !Important;
}
.color_red_peq{
	background: inherit !important;
    color: #ED2E38;
    display: block;
    font-size: 50%;
    font-weight: normal;
    width: 100%;
}
.iconos{
	float:right; width:200px; display:block;	
}
.iconos li{
	float:right;
	padding-left:10px;
}
#bot_imprimir, #bot_contactar{
	margin-top:4px;
}
#buscador {
	float:left;
	width:100%;
}
#bloque_accesibilidad, .iconos{
	font-size:70%;
}
#bloque_accesibilidad{
	width:100%;
	padding:1% 0% 2% 0%;
	background:url(../images/pixel_gis2.png) repeat-x 0 0;
}
.redes{
	padding:0 0 0 10px;
}
#lineamenu{
	width:100%;
	background:url(../images/pixel_gis.png) repeat-x left bottom;
	border-bottom:1px solid #ccc;
	display:block;
	float:left;
}
#bloque_accesibilidad ul.accesible {
	float: right;  
	margin: 0;
	padding: 0px;
	list-style-type: none;
}
#menu2 { 
	float: left; 
	line-height:normal;
	font-size:100%;
	padding-top:11px;
	width:auto;
}
#bloque_accesibilidad li {
	display: inline; 
	margin: 0;
	padding: 0px;
}
#bloque_accesibilidad a{
	text-decoration:none;
}
#bloque_accesibilidad label {
	display: inline; 
	margin: 0;
	padding: 0px;
}
#buscador select{
	color:#545454;
	border: 1px solid #dfdfdf;
	margin:3px 0px 0px 0px;
	float:left;
	text-indent:0px;
	padding:2px;
	background-color:#FFFFFF;
	font-size:90%;
}
#buscador select:hover, #buscador select:focus{
	background-color:#fff;
	border: 1px solid #ed2e38;
	color:#545454;
}
#buscador a.tam_fuente{
	text-align:center;
	float:left;
	margin-left:0px;
	margin-top:3px;
	border:1px solid #a9a9a9;
	color:#545454;
	background:#FFFFFF;
	padding:1px 0px 1px 1px;
	min-width:15px;
	min-height:13px;
}
#buscador a.tam_fuente:hover{
	border:1px solid #ed2e38;
	text-decoration:none;
}
a.bot_accesibilidad{
	text-align:center;
	float:left;
	margin-left:10px;
	margin-top:3px;
	border:1px solid #a9a9a9;
	color:#545454;
	background:#FFFFFF;
	padding:1px 5px 1px 5px;
	min-height:13px;
}
a.bot_accesibilidad:hover{
	border:1px solid #ed2e38;
	text-decoration:none;
}
#bot_style{
	border:1px solid #a9a9a9;
	text-align:center;
	float:left;
	margin-left:0px;
	margin-top:3px;
	padding:1px 0px 1px 1px;
	min-width:15px;
	min-height:13px;
	background-color:#FFFFFF;
	display:block;
	color:#545454;
}
#bot_style2{
	border:1px solid #a9a9a9;
	text-align:center;
	float:left;
	margin-left:0px;
	margin-top:3px;
	padding:1px 0px 1px 1px;
	min-width:15px;
	min-height:13px;
	background-color: #000000;
	display:block;
	color: #00FF00;
}
#bot_style2:hover, #bot_style:hover{
	border:1px solid #ed2e38;
	text-decoration:none;
}
/* 
contenido central
----------------------------------*/
#main {
	width:100%;
	min-height:533px;
	margin:10px 0px 44px 0px;
	background: #fff url(../images/tabla-fondo3_abajo.gif) repeat;
	color: #545454;	
	display: block;
	min-width:700px;
}
#main div.arriba_center{
	height:10px;
	background: url(../images/tabla-top-center3.gif) repeat-x top;
	float:none;
	
}
#main div.arriba_center div.arriba_left{
	width:100%;
	height:10px;
	background: url(../images/tabla-top-left3.gif) no-repeat top left;
	float:left;
}
#main div.arriba_center div.arriba_left div.arriba_right{
	float:right;
	width:100%;
	height:10px;
	background: url(../images/tabla-top-right3.gif) no-repeat top right;
	margin-right:-1px;
}

#main div.abajo_center div.abajo_left{
	width:100%;
	height:10px;
	background:url(../images/tabla-bottom-left3.gif) no-repeat left top;
	float:left;
}
#main div.abajo_center{
	height:10px;
	width:100%;
	background:url(../images/tabla-bottom-center3.gif) repeat-x top;
	float:left;
	margin-right:1px;
}
#main div.abajo_center div.abajo_left div.abajo_right{
	width:100%;
	height:10px;
	background: url(../images/tabla-bottom-right3.gif) no-repeat right top;
	margin-left:1px;
	float:left;
}
#contenido{
font-size:80%;
width:100%;
}
#contenido a, #contenido span{
background:none;
}
	#content {
		padding:0px 2% 0px 2%;
		min-height:533px;
		outline:none;
		float:left;
		background: url(../images/tabla-fondo3.gif) repeat-x;
		width:96%;
	}
	#content2 {
		min-height:533px;
		background: url(../images/pixel_blanco.gif) repeat;
		outline:none;
		border-left:1px solid #a9a9a9;
		border-right:1px solid #a9a9a9;
		float:left;
		width:100%;
	}
	/*@media screen and (-webkit-min-device-pixel-ratio:0) {
    #content { width:96.9%; }
}*/
	#content p{
		margin-left:0;
		margin-right:0;
		line-height:29px;
	}
	ul.proyectos{
		width:110%;
		margin:0;
		text-align:center;
		padding-top:10px;
		float:none;
		display:block;
		margin-left:-5%;
		
	}

	ul.proyectos li.proyect{
		background: url(../images/ventana_1.gif) no-repeat top center transparent;
		display:inline-block;
		float:none;
		list-style:none outside none;
		margin: 0 1% 1%;
		padding:0;
		text-align:center;
		width:auto;
	}
	ul.proyectos li.proyect a{
		display:block;
		text-decoration:none;
		width:173px;
		padding-top:8px;
		font-size:76%;
		letter-spacing:1px;
	}
	ul.proyectos li.proyect a:hover{
		/*color:#ed2e38;
		width:160px;
		text-decoration:underline;
		background-color:inherit !Important;
		background: url(../images/pixel_trans.gif) no-repeat 0 0;*/
	}
	ul.proyectos li.proyect a{
		margin:0 auto;
		display:block;
		text-decoration:none;
		width:100%;
		color: #333;
		/*background-color:#fff;
		border:5px solid #ccc;*/
		cursor:pointer;
	}
	ul.proyectos li.proyect a.highslide:hover{
		margin:0 auto;
		display:block;
		text-decoration:none;
		width:100%;
		color: #fff;
		/*background:#ED2E38;
		border:5px solid #fff;*/
	}
	
	ul.proyectos li.proyect a.highslide span.imagen-proyecto{
		margin:0 auto;
		display:block;
		text-decoration:none;
		width:173px;
		padding-top:10px;
		height:85px;
	}
	ul.proyectos li.proyect a.highslide span.titulo-proyecto{
		display:block;
		font-weight:bold;
		margin:0 auto;
		padding:4px 0px;
		text-decoration:none;
		background:url("../images/fondo_mini.gif") no-repeat scroll top center transparent;
		color:#fff;
		height:16px;
		font-size:110%;
	}
	ul.proyectos li.proyect a.highslide:hover span.titulo-proyecto, ul.proyectos li.proyect a.highslide span.titulo-proyecto:hover{
		background:url("../images/fondo_mini2.gif") no-repeat scroll top center transparent;
		color:#ED2E38;
	}
	ul.proyectos li.proyect a.highslide img{
		border:1px solid #bcbcbc;
		margin-bottom:18px;
	}
	sul.proyectos li.proyect a.highslide:hover img{
		border:1px solid #bcbcbc;
	}
	ul.proyectos li.proyect a.mini{
		background:url("../images/link.gif") no-repeat scroll 3px 0 transparent;
		border:medium none;
		color:#ED2E38;
		float:right;
		font-size:70%;
		margin-right:15px;
		margin-top:4px;
		min-height:16px;
		padding:0 4px 0 19px;
		text-align:right;
		width:auto;
		display:block;
	}
.texto ul{
	margin:10px 0;
}
.texto li{
	line-height:29px;
	margin-left:3%;
	margin-right:3%;
	padding-left:23px;
	background: url(../images/lista1.gif) no-repeat 0px 7px;
}
.texto li li{
	background: url(../images/lista2.gif) no-repeat 0 7px;
}
/*
formularios
----------------------------------*/
.textoform, form textarea, form select{
	border: 1px solid #dfdfdf;
	font-size:100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#545454;
	text-indent:3px;
	background-color:#ffffff;
}
.textoform, form textarea{
	width:100%;
	height:22px;
}
form textarea.textoform{
	height:auto;
}
.textoform:hover, form select:hover, form textarea:hover, form .textoform:focus, form select:focus, form textarea:focus{
	background-color:#FFFFFF;
	border: 1px solid #ed2e38;
	color:#545454;
}
.botonera{
	width:93%;
	text-align:right;
}
.boton{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	background:#ccc;
	color: #545454;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
}
.boton:hover{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	background: #ed2e38;
	color: #fff;
}
.boton2{
	border:1px solid #545454;
	background:#ccc;
	color: #545454;
	cursor:pointer;
	text-align:center;
	font-size:90%;
	margin-top:4px;
	float:left;
}
.boton2:hover{
	border:1px solid #ffffff;
	background: #999999;
	color: #ffffff;
}
.ancho1{
	width:44%;
	float:left;
	padding:0px;
	margin:0;
	margin-left:3%;
	margin-top:15px;
}
.ancho2{
	width:93%;
	float:left;
	margin:0;
	padding:0px;
	margin-left:3%;
	margin-top:15px;
}
table.table1 td{
	vertical-align:top;
}
table tr.cabecera_tabla td,form table tr.cabecera_tabla td a{
	color:#545454;
	background:#ccc;
	text-decoration:none;
}
table tr.cabecera_tabla td a:hover{
	color:#545454;
	background:#ccc;
	text-decoration:underline;
}
table tr.celda1 td{
	border-bottom:1px solid #a9a9a9;
}
table tr.celda1:hover{
	background:#F2F2F2;
	border-bottom:1px solid #ed2e38;
	color:#ed2e38;
}
#respuesta{
	width:350px;
	color:#545454;
	background: url(../images/pixel_blanco.gif) repeat #CCC;
	margin:0 auto;
	position: absolute;
	left: 577px;
	top: 286px;
	font-weight:bold;
	border-top:2px solid #ccc;
	border-left:2px solid #ccc;
	border-bottom:2px solid #999;
	border-right:2px solid #999;
	padding:20px;
	display:none;
}
/*
	portada
	----------------------------------*/
#content2 {
	height:99%;
	margin:0 auto;
}

#mc_flash{
	margin:-270px 0 0 -255px;
	text-align:center;
	vertical-align: middle;
	position: absolute; 
	top: 50%;
	left: 50%;
	width: 510px;
	height: 380px;
}
#footer2 {
	background: #FFFFFF;
	width:99%;
	margin:-55px 0 0 0;
	text-align:center;
	padding-top:0px;	
	color:#545454;
	clear: both;
	min-height: 40px;
	height: auto !important;
	font-size:70%;
	float:left;
}
h1.intro{
	width:99%;
	border-bottom:none;
	text-align:center;
	margin:0 0 0 0; 
	font-weight:bold;
	text-decoration:none;
	font-size:100%;
}
h1.intro a{
	color:#ed2e38;
	background: inherit !Important;
	text-decoration:none;
}
h1.intro a:hover{
	text-decoration:underline;
}
#infofooter2{
	text-align:left;
	float:left;
	width:40%;
	margin-left:15px;
}
/*
	pie de pagina
	----------------------------------*/
#footer {
	background: #FFFFFF;
	width:99%;
	margin:-25px 0 0 0;
	text-align:center;	
	color:#545454;
	clear: both;
	height: 25px;
	font-size:70%;
}
#infofooter{
	text-align:left;
	float:left;
	width:40%;
	margin-left:15px;
}
#infofooter a, #infofooter2 a{
	color:#545454;
	background: inherit !Important;
}
#validation{
	float:right;
	text-align:right;
	width:40%;
}
#validation ul{
	list-style:none;
}
#validation li{
	float:right;
	list-style:none;
}
#img_loading{
margin:3px 2px 5px 2px;
}
#validation img{
	margin:3px 0px 4px 4px;
}
#tipo{
	color:#545454;
	background-color:#FFFFFF;
}
#cliente{
	color:#545454;
	background-color:#FFFFFF;
}
/*
	extra
	----------------------------------*/
#autor{
	visibility:hidden; 
	display:none;
}


/* ------------------------------------------------------------------------------------------------------- */
.tabs-nav {
    float: left;  
	margin: 0px; 
	padding: 0 0 0 10px;
	list-style-type: none;
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 7.8px;
    background: url(../images/fondo_pestanas.gif) no-repeat;
	background-color: transparent;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #666666;
    font-size: 110%;
    font-weight: bold;
    line-height: 2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */  
	margin-right:2px;
}
.tabs-nav .tabs-selected a {
    color: #ed2e38;
}
.tabs-nav a:hover{
    background-position: 100% -250px;
	color:#999999;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav .tabs-selected a, .tabs-nav a.activo{
    background-position: 100% -200px;
	color:#ed2e38;
    outline: 0; /* prevent dotted border in Firefox */
	top:1px;
	margin-top:0;
}
.tabs-nav .tabs-disabled a:hover{
    background-position: 100% -200px;
	color: #979797;
}
.tabs-nav a, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a.activo{
    background-position: 100% -150px;
	color: #979797;
	top:0;
	margin-top:3px;
	margin-right:6px;
}

.tabs-nav a span {
    min-height:18px;
	min-width:64px;
	padding-bottom:3px;
	padding-right:0;
	padding-top:3px;
    width: 64px; /* IE 6 treats width as min-width */
    height: 18px; /* IE 6 treats height as min-height */
}
*>.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav a:hover span {
    background-position: 0 -100px;
}
.tabs-nav .tabs-selected a span, .tabs-nav a.activo span {
    background-position: 0 -50px;
font-size:110%;
padding-bottom:3px;
}

.tabs-nav a span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a.activo span {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
   
}

#cargador{
	width:100%;
	display:block;
	margin:0 auto;
	text-align:center;
	padding-top:150px;
	color:#ed2e38;
	background: inherit !Important;
	font-size:90%;
	font-weight:bold;
}

.bot_gris {
    /* Sliding right image */    background: transparent url('../images/button_right.png') no-repeat scroll top right; 
    display: block;
    height: 34px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    margin-right: 56px;
    padding-right: 20px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
    /* FONT PROPERTIES */
    text-decoration: none;
    color: #545454;
    font-family: Arial, Helvetica, sans-serif;
    font-size:90%;
    font-weight:bold;
	float:right;
}
.bot_gris:hover {
    /* Sliding right image */    background: transparent url('../images/button_right2.png') no-repeat scroll top right; 
	text-decoration:none;
}
.bot_gris span{    /* Background left image */ 
    background: transparent url('../images/button_left.png') no-repeat;     
	display: block;
    line-height: 22px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
    padding: 7px 0 5px 18px;
} 

.bot_gris:hover span{
   background: transparent url('../images/button_left2.png') no-repeat; 
   color:#fff;
   text-decoration:none;
}
/* Custom dialog styles */
#popup_container.style_1 {
	font-family: Georgia, serif;
	color: #A4C6E2;
	background: #005294;
	border-color: #113F66;
}

#popup_container.style_1 #popup_title {
	color: #FFF;
	font-weight: normal;
	text-align: left;
	background: #76A5CC;
	border: solid 1px #005294;
	padding-left: 1em;
	width:auto;
}

#popup_container.style_1 #popup_content {
	background: none;
}

#popup_container.style_1 #popup_message {
	padding-left: 0em;
}

#popup_container.style_1 INPUT[type='button'] {
	border: outset 2px #76A5CC;
	color: #A4C6E2;
	background: #3778AE;
}
.highslide-credits{
	display:none;
}
#loader{
	background:url("../images/loading2.gif") no-repeat scroll center top transparent;
	color:#ED2E38;
	font-size:150%;
	font-weight:bold;
	height:300px;
	margin-top:100px;
	padding-left:165px;
	padding-top:9px;
	text-align:center;
	width:80%;
}