.xxx {
	font-family: Arial, Helvetica, sans-serif;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height:1.3;
}
.titulos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #0A053A;
	text-decoration:none;
}
.titulos2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #960303;
	text-decoration:none;
}
.titulos3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #960303;
	text-decoration:none;
}
.texto {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333333;
	text-align: justify;
	text-decoration:none;
}
.texto:hover {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #999999;
	text-align: justify;
	text-decoration:none;
}
.texto2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	line-height:1.4;
	text-decoration:none;
}

.texto3 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #336B00;
	font-weight: bold;
	line-height: 1.4;
	text-decoration:none;
}
.texto4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #468000;
	text-decoration:none;
}
.texto5 {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration:none;
}
.texto5:hover {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #999999;
	text-decoration:underline;
}
.texto6{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
	line-height: 1.6;
	text-decoration:none;
}
.texto7{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #6C0000;
	line-height: 1.4;
	text-decoration:none;
}
.texto7 a{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #6C0000;
	line-height: 1.4;
	text-decoration:none;
}
.texto8{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #333333;
	text-decoration:none;
}
.texto9{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 1.5;
	text-decoration:none;
}
.texto10{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 1.5;
	text-decoration:none;
}
.texto10:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #850000;
	line-height: 1.5;
	text-decoration:none;
}
.texto11{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 1.5;
	text-decoration:none;
}
.texto12{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration:none;
}
.texto12:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-decoration:none;
}
.texto13{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000033;
	line-height: 1.5;
	text-decoration:none;
}
.texto13:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	line-height: 1.5;
	text-decoration:none;
}
.texto14{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000033;
	text-decoration:none;
}
.texto15{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration:none;
}

.texto16{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #6C0000;
	line-height: 25px;
	text-decoration:none;
}
.texto16 a{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #6C0000;
	line-height: 25px;
	text-decoration:none;
}
.texto16 img{
	padding: 5px 0px 0px 0px;
	margin: 0px 5px 0px 0px;
}
.rollover{
	background:url(img/bg_panel_1_s1.jpg) no-repeat;
}


/* styling for the image wrapper  */ 
#image_wrap { 
    /* dimensions */ 
    width:880px; 
	height:142px;
    margin:0px; 
    padding:0 0; 
 
    /* centered */ 
    text-align:center; 
 
  
}

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 795px; 
    height:152px; 
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
     
    background-color:#fff; 
}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	float:left;
	position:relative;
	overflow:hidden;
	width: 413px;
	height:100px;
	margin-right:1px;
	/* custom decorations */
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable img {
	float:left;
	margin:0px 15px 0px 2px;
	padding:0px;
	cursor:pointer;
	width:145px;
	height:142px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.scrollable img:hover{
	background: #600;	
}

/* active item */
.scrollable .active {
	z-index:9999;
	position:relative;
}

a.browse {
	display:block;
	width:20px;
	height:30px;
	float:left;
	margin:35px 10px 0px 15px;
	cursor:pointer;
	font-size:1px;
}


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 

#centrar{
	margin-left:50px;	
}


/*Infraestructura*/
.InfraTitle{
	float: left;
	margin-left: 30px;
	margin-bottom: 50px;
}
#InfraestructuraMap{
	position: relative;
	float: left;
	clear:left;
	width: 938px;
	height: 517px;
	background: url(img/mapa.jpg) no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}
#InfraestructuraMap #Legend{
	position: absolute;
	bottom: 40px;
	left: 40px;
	width: 200px;
}
#InfraestructuraMap #Legend .Item{
	float: left;
	width: 200px;
	margin-bottom: 10px;
}
#InfraestructuraMap #Legend .Item img{
	float: left;
}
#InfraestructuraMap #Legend .Item p{
	float: right;
	width: 150px;
	margin: 0px;
	line-height: 25px;
}
#InfraestructuraMap #Selectors{
	position: absolute;
	top: 0px;
	left: 0px;
}
#InfraestructuraMap #Selectors .Item{
	position: absolute;
	cursor: pointer;
}
/* POSICIONES DE LAS IMAGENES DE LOS ESTADOS */
#InfraestructuraMap #Selectors .Item.Sel1{top: 174px; left: 466px; width: 59px; height: 111px;}
#InfraestructuraMap #Selectors .Item.Sel2{top: 196px; left: 336px; width: 101px; height: 109px;}
#InfraestructuraMap #Selectors .Item.Sel3{top: 317px; left: 446px; width: 53px; height: 47px;}
#InfraestructuraMap #Selectors .Item.Sel4{top: 329px; left: 497px; width: 41px; height: 43px;}
#InfraestructuraMap #Selectors .Item .Icon{
	position: absolute;
	top: 25%;
	left: 25%;
}
#InfraestructuraMap #Selectors .Item{
	z-index: 0;
}
#InfraestructuraMap #Selectors .Item:hover{
	z-index: 1;
}
#InfraestructuraMap #Selectors .Item .Sel,
#InfraestructuraMap #Selectors .Item:hover .UnSel,
#InfraestructuraMap #Selectors .Item .Icon,
#InfraestructuraMap #Selectors .Item .Popup{
	display: none;
}
#InfraestructuraMap #Selectors .Item:hover .Sel,
#InfraestructuraMap #Selectors .Item .UnSel,
#InfraestructuraMap #Selectors .Item:hover .Icon,
#InfraestructuraMap #Selectors .Item:hover .Popup{
	display: block;
}
#InfraestructuraMap #Selectors .Item .Popup{
	position: absolute;
}

/* POSICIONES DE LOS POPUP INFORMATIVOS */
#InfraestructuraMap #Selectors .Item.Sel1 .Popup{ top: -286px; left: 22px;}

#InfraestructuraMap #Selectors .Item .Popup.PopG{
	float: left;
	width: 424px;
}
#InfraestructuraMap #Selectors .Item .Popup.PopG *{
	float: left;
}
#InfraestructuraMap #Selectors .Item .Popup.PopG .Top{
	width: 424px;
	height: 17px;
	background: url(img/popup1top.png) repeat-y;
}
#InfraestructuraMap #Selectors .Item .Popup.PopG .Bottom{
	width: 424px;
	height: 24px;
	background: url(img/popup1bottom.png) repeat-y;
}
#InfraestructuraMap #Selectors .Item .Popup.PopG .Content{
	width: 424px;
	background: url(img/popup1content.png) repeat-y;
}
#InfraestructuraMap #Selectors .Item .Popup h1{
	color: #990000;
	font-size: 14px;
	margin: 5px 0px;
}
#InfraestructuraMap #Selectors .Item .Popup h2{
	color: #cc0000;
	font-size: 13px;
	margin: 0px;
	margin-top: 10px;
}
#InfraestructuraMap #Selectors .Item .Popup h3{
	color: #990000;
	font-size: 12px;
	font-weight: normal;
	margin: 5px 0px;
}
#InfraestructuraMap #Selectors .Item .Popup h3:before{
	content: "- ";
}
#InfraestructuraMap #Selectors .Item .Popup p{
	font-size: 12px;
	font-weight: normal;
	margin: 5px 0px;
}
#InfraestructuraMap #Selectors .Item .Popup.PopG h1,
#InfraestructuraMap #Selectors .Item .Popup.PopG h2,
#InfraestructuraMap #Selectors .Item .Popup.PopG h3,
#InfraestructuraMap #Selectors .Item .Popup.PopG p{
	width: 357px;
	margin-left: 45px;
}