body {
SCROLLBAR-ARROW-COLOR: #FFFFFF;
SCROLLBAR-FACE-COLOR: #506E18;
SCROLLBAR-HIGHLIGHT-COLOR: #E4E491;
SCROLLBAR-3DLIGHT-COLOR: #171796;
SCROLLBAR-TRACK-COLOR: #91C530;
SCROLLBAR-DARKSHADOW-COLOR: #171796;
SCROLLBAR-SHADOW-COLOR: #E4E491;
}


#wrap {
	width:800px;
	text-align:left;
	margin:0 auto;
	background-color:#FFFFFF;
}

.fl{ 
	float:left;
}

.fr{ 
	float:right;
}

.clearfix{ 
	clear:both;
}


#header {
	height:236px;
	background:url(../images/cabecera.png);
	position:relative;
	margin-bottom:1px;
}

#nav {	
	float: left;

}

#menu_ini {
	width: 138px;
	height: 31px;
	margin: 0;
	padding: 0pt 34pt 0pt;	
	overflow: hidden;
	font-family: "Stymie Lt BT";
	font-size:22px;
	text-indent: -24px;
	background:url(../images/boton_superior_menu.PNG);
	color: #171796;
	padding-top:0px;
	line-height:30px;	
	font-variant:small-caps;
	text-align:center;
	
}

#menu_ini a{
	color:#FFFFFF;
	text-decoration: none;
}

#menu_ini a img {
	margin: 0px 0px 1px 10px;
}

#menu {
	width: 228px;
	height: 301px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-family: "Stymie Lt BT";
	font-size:18px;
	line-height:30px;
	text-indent: 10px;
	background:url(../images/menuCONrenglones.png);	
}


/*Aqui hay elementos no validados para IE*/
#menu a {
	height: 30px;
	color:#171796;
	text-decoration: none;
	display:block;	

}

#menu a img {	
	margin: 0px 0px 0px 10px;		
}

#menu li{
	width:228px ;	
}

#menu a:hover{
	color:#FFFFFF;
	width:228px;	
	background:url(../images/menuCONrenglonesOSCURO.png);
}


#menu a.active{
	color:#FFFFFF;
	width:271px ;
	background:url(../images/menuCONrenglonesOSCURO.png);
}


.estilo_mapa {
	font-family:"Stymie Md BT";
	color: #171796;
	font-size: 10px;
}
#titulo {
	
	position:absolute;

	top:7px;
	left:100px;
}

#imagen {
	position:absolute;
	top:62px;
	left:239px;
}

#bandera {
	position:absolute;
	top:8px;
	left:741px;
}

#optimizado {
	color: #171796;
	position:absolute;
	font-family: "Stymie Lt BT";
	font-size:11px;
	top:28px;
	left:415px;
	text-align:center;
}

#postit {
	position:absolute;
	top:112px;
	left:57px;
}

#firefox {
	position:absolute;
	top:14px;
	left:512px;
}

#ie7 {
	position:absolute;
	left:556px;
	top:16px;
}

#cab {
	position:absolute;
	top:9px;
	left:19px;
}

#logo_grupo {
	position:absolute;
	/*top:103px;*/
	top:108px;
	/*left:50px;*/
	left:58px;
}

#logo2 {
	position:absolute;
	top:40em;
	left:27em;
}

#logo h1 {
	display:inline
}

#logo h1 {
	font-size:34px;
	color:#000
}
#subtitulo span {
	font-family: "Stymie Lt BT";
	font-size:16px;
	color: #FFFFFF;
	font-weight:bold;
	position: absolute;
	top:15px;
	left:585px;
}

#apartado {
	font-family: "Stymie Lt BT";
	font-size:24px;
	color: #791F5E;
	position: absolute;
	top:103px;
	left:245px;
}

#content {
	height:510px;		
}

#content .left {
	width:226px;
	height:510px;
}

#content .left h2 {
	color: #000000;
	font-size:34px;
	padding:20px 0
}

#content .left img {
	padding-right:0px
}

#content .left a {
	/*color: #FFFFFF;*/
}

#content .right {
	width:572px;
	height:517px;
	background:url(../images/areaDEtexto.png);
}

#map{
	width:525px;
	height:360px;
	margin:0px 0px 0px 0px;
	
}

#content .right .scroll {
	margin-bottom:0px;
	margin-top:0px;
	overflow:auto;
	width:572px;
	height:517px;
}

#content .right .scroll table{
	margin-left:10px;
	line-height: 150%;
	font-family: "Stymie Md BT";;
}

#content .right .scroll p{
	text-align:justify;
	text-indent: 30px;
	font-family: "Stymie Md BT";
	margin-left:20px;
	margin-right:10px;
	line-height: 200%;
}

#content .right .scroll p img{
	float:none;
	margin-right:10px;
}

#content .right .scroll pre{
	font-family: "Stymie Lt BT";
	color: #F27D00;
	/*height:517px;*/
}

#content .right .scroll pre p{
	text-align:justify;
	margin-left:20px;
	margin-right:10px;
	font-family: "Stymie Lt BT";
	color: #F27D00;
	text-indent:12px;
	color: #506E18;
	line-height:70%;
}

#content .right .scroll p button {float:left; padding:0px 20px -1px 0}

.texto {
	font-family: "Stymie Md BT";
	font-size: 13px;
   	background-color: #91C530;
   	color: #171796;
	font-weight: normal;
}

.required {
	font-family: "Stymie Md BT";
	font-size: 13px;
   	background-color: #91C530;
   	color: #171796;
	font-weight: normal;
}

#content .right .scroll iframe{
	margin-left:13px;
	margin-right:10px;
}

#content .right .scroll p a{
	color: #506E18;
	text-decoration:none;
	font-weight:bold;
}



#text img{
	display: block;
	margin: auto;
}
.centrar-imagen {
	text-align: center;
} 

#central{
    position:absolute;
    top:50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
}

#content .right .scroll p a:hover{
	color:#91C530;
}

#content .right h1{
	text-align:justify;
	font-family: "Stymie Lt BT";
	font-size:24px;
	color:#171796;
	margin:20px;
	margin-bottom:20px;
	margin-left:20px;
	margin-right:10px;
	margin-top:20px;
	font-weight: bold;
	font-variant: small-caps;
}

#content .right h2{
	text-align:justify;
	font-family: "Stymie Lt BT";
	font-size:20px;
	color:#171796;
	margin:20px;
	margin-bottom:20px;
	margin-left:20px;
	margin-right:10px;
	margin-top:20px;
	font-weight: bold;
	font-variant: small-caps;
}

#content .right ul 
{
	margin-left:10px;
	padding-left:10px;
}

#content .right ul li
{
	text-align:justify;
	text-indent: 7px;
	font-family: "Stymie Md BT";
	margin-left:63px;
	margin-right:10px;
	line-height: 150%;
	list-style-type: inherit;
	line-height:200%;
}

#content .right ul li a
{
	text-decoration:none;
	color:#000000;	
}

#content .right ul li ul li
{
	font-family: "Stymie Md BT";
	margin-left:20px;
	list-style-type: inherit;
	text-indent: 0px;
	
}


#top {
	width:226px;
	height:330px;	
	margin:0 auto;
	margin-top:0;	
}


#bm {
	margin-top:2px;
	padding: 0;
	overflow: hidden;
	width:228px;
	height:185px;
	background:url(../images/direcciones.png);
}

#bm .dire{
	padding:0 15px;
	color: #000000;
	font-family: "Stymie Md BT";
}

#bm .dire p{
	color: #000066;
	font-family: "Stymie Md BT";
	font-size:11px;
	padding:0 5px;
	line-height:normal;
}

#bm .dire p a{
	color: #000066;
	font-family: "Stymie Lt BT";
	font-size:11px;
	padding:0 0px;
	line-height:normal;
	text-decoration:none;
}

#side h2 {
	font-size:24px;
	color:#709fc5;
	padding:20px 0 13px 0
}
#side li {
	line-height:20px
}

#idi1{
	position:absolute;
	top:10px;
	left:566px;
}

#idi2{
	position:absolute;
	top:10px;
	left:609px;
}



#vcss{
	position:absolute;
	/*top:15px;*/
	top:21px;
	left:647px;
}

.construccion {
	color: #006600;
	font-weight: bold;
	font-variant: small-caps;
	font-size:14px;
}

.eyger {
	font-family: "Humanst521 BT";
	font-weight: bold;
	font-size:18px;
	color: #7A1F5E;
}

.eygema {
	font-family: "Humanst521 BT";
	font-weight: bold;
	font-size:18px;
	color: #F27D00;
}

.azul{
	color: #171796;
	font-family: "Stymie Lt BT";
	font-size:13px;
}

.verde{
	font-family: "Stymie Md BT";
	color: #506E18;
	font-size:13px;
}

.num{
	color: #506E18;
	font-family: "Stymie Lt BT";
	font-size:13px;
}

.azul_t{
	color: #171796;
	font-family: "Stymie Lt BT";
	font-size:17px;
}

.verde_t{
	font-family: "Stymie Md BT";
	color: #506E18;
	font-size:17px;
}

.num_t{
	color: #506E18;
	font-family: "Stymie Lt BT";
	font-size:17px;
}

.organ{
font-size:15px;
font-weight:bold;
}

.ast{
	color: #F27D00;
}

.sub{
	text-decoration:underline;
}



.blanco {
	color: #FFFFFF;
}
.blanquito {
	color: #FFFFFF;
	font-size:12px;
}

.dia {
font-size:20px;
color:#FFFFFF;
}
.azul {
	color:#171796;
}

.azulito {
	color:#171796;
	font-size:12px;
}
.verde {
	color: #299926;
}

.verdecito {
	color: #299926;
	font-size:12px;
}

.verdon {
	color: #299926;
	font-size:16px;
}

.naranja {
color:#f27d00;
}

.naranjito {
color:#f27d00;
font-size:12px;
}

#footer {
	height:51px;
	background:url(../images/ola%20inferior.png);  
    position:relative;
    margin:7pt auto 0pt;
    width:100%;	
}

#xhtml {
	position: absolute;
	top:130px;
	left:550px
}

/* aqui comienza el highslide*/

.highslide-wrapper div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide {
	cursor: url(../iconos/zoomin.cur), pointer;
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 2px solid silver;
}
.highslide:hover img {
	border-color: gray;
}

.highslide-active-anchor img, .highslide-active-anchor:hover img {
	border-color: black;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .rounded-white {
	background: white;
}
.highslide-image-blur {
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px;
	background: white;
}
.highslide-heading {
	display: none;
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding-left: 22px;
	background: url(../iconos/icon.gif) no-repeat 0 1px;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(../iconos/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: gray;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}


/* Controls. See http://www.google.com/search?q=css+sprites */
.highslide-controls {
	width: 105px;
	height: 20px;
	position: relative;
	top: -23px;
	left: 7px;
}
.highslide-controls ul {
	height: 20px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.highslide-controls li {
	float: left;
}
.highslide-controls a {
	background-image: url(../iconos/controlbar-white-small.gif);
	display: block;
	float: left;
	height: 20px;
	width: 20px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}
.highslide-controls .highslide-move {
	display: none;
}
.highslide-move a {
	cursor: move;
}

/* The CSS sprites for the controlbar */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -20px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -40px !important;
}
.highslide-controls .highslide-play a {
	background-position: -20px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -20px -20px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -20px -40px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -40px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -40px -20px;
}
.highslide-controls .highslide-next a {
	background-position: -60px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -60px -20px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -60px -40px !important;
}
.highslide-controls .highslide-full-expand a {
	background-position: -100px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -100px -20px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -100px -40px !important;
}
.highslide-controls .highslide-close a {
	background-position: -120px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -120px -20px;
}