/* CSS Index */
body {
      margin: 0 0 0 0;
      padding: 0 0 0 0;        
}
.bandaup{
	background-color: #FF8533;
	width: 100%;
	position: absolute;
	top: 0%;
	left: 0%;
	padding-top: 9%;
	padding-right: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
	z-index: 1;
}
.contenedor{
	background-color: #FFFFFF;
	width: 100%;
	position: absolute;
	top: 0%;
	left: 0%;
	padding-top: 12%;
	padding-right: 0%;
	padding-bottom: 0%;
	padding-left: 0%;
	z-index:4;
}
.logo{
	margin-left: 4%;
	position: absolute;
	top: 9px;
	z-index: 0;
	left: 11px;
}
.construccion{
	position: absolute;
	top: 5%;
	left: 1%;
	z-index:3;
}
.telefono{
	position: absolute;
	top: 12%;
	right: 1%;
	z-index:3;
	border:0;
}
.idiomas{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: xx-small;
	width:300px;
	color:#999999;
	z-index:5;
}
.contacto{
	position:absolute;
	top:7%;
	right:2%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: small;
	width:100px;
	color:#FFFFFF;
	z-index:9;
	font-style: italic;
}
.tel {
	font-size: xx-small;
	color: #FFFFFF;
}
.botones {
	background-color: #B7B7B7;
	width: 100%;
	height:30px;
	left: 0%;
	z-index: 6;
	background-image: url(b-bot.gif);
	background-repeat: repeat-x;
}

#menu ul {
	padding: 0px;
	margin: 0px 0px 0px -320px;
	background-color: #CCCCCC;
	list-style: none;
	font-size: 11px;
	font-weight: bold;
	height: 30px;
	width:640px;
	float: left;
	color:#FFFFFF;
	position: absolute;
	left: 50%;
	z-index: 4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#menu ul li {
	display: inline;
	z-index: 3;
}

#menu ul li a:link, #menu ul li a:visited {
	color: #666666;
	background-color: #FFC295;
	padding: 8px 18px;
	float: left;
	text-decoration: none;
	border: 1px solid #ADADAD;
	z-index: 3;
	background-image: url(b-backup.gif);
	background-repeat: repeat-x;
}

#menu ul li a:hover, #menu ul li a:active{
	color: #814141;
	background-color: #FF8533;
	z-index: 3;
	background-image: url(b-back.gif);
	background-repeat: repeat-x;
}
.linea {
	position: absolute;
	top: 0%;
	right: 0%;
	width: 214px;
	background-image: url(linea.jpg);
	background-repeat: repeat-y;
	height:auto;
	padding-bottom:8%;
	z-index: 0;
} 
.descripcion {
	float:left;
	width: 67%;
	background-color: #FFFFFF;
	height: 140px;
	z-index:1;
}
.textodescripcion{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666666;
	text-align: justify;
	margin-right: 250px;
	margin-left: 5%;
	z-index:1;
	margin-top: 3em;
}
.banner2 {
	width: 100%;
	background-color: #FAFAFA;
	padding-top: 6%;
	padding-bottom: 6%;
	
}
.banner {
	float:left;
	width: 32.5%;
	height: 140px;
	background-color: #F4F4F4;
	z-index:2;	
}
.medio {
    float:left;
	width: 50%;
	height: 40px;
	z-index:2;
	background-image:url(3pasos.jpg);
	background-repeat:no-repeat;
}
.medio2 {
	float:left;
	width: 49.5%;
	height: 40px;
	background-image: url(rayas.jpg);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	z-index:1;
}
.paso1{
    display:block;
	float:left;
	width: 33.2%;
	height: 120px;
	z-index:1;
	background-image: url(paso_1.jpg);
	background-color: #FFFFFF;
}
.paso1 A:hover{
	background-image: url(paso1_over.jpg);
	background-color: #FF9751;
	text-decoration:none;
}
.paso2{
	float:left;
	width: 33.3%;
	height: 120px;
	z-index:1;
	background-image: url(paso_2.jpg);
	background-color: #FFFFFF;
}
.paso3{
	float:left;
	width: 33.2%;
	height: 120px;
	z-index:1;
	background-color: #FFFFFF;
	background-image: url(paso_3.jpg);
}
.textopasos{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666666;
	text-align: right;
	margin-right: 5%;
	margin-left: 2%;
	z-index:1;
	margin-top: 2em;
}
.noticias{
	float:left;
	width: 50%;
	height: 85px;
	z-index:1;
	background-image: url(noticias.jpg);
	background-color: #FFFFFF;
	background-position: right;
	background-repeat: no-repeat;
	color: #666666;
}
.textonoticias{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #666666;
	text-align: justify;
	margin-right: 5%;
	margin-left: 5%;
}
.eventos{
	float:left;
	width: 49%;
	height: 85px;
	z-index:1;
	background-image: url(eventos.jpg);
	background-color: #FFFFFF;
	background-position: right;
	background-repeat: no-repeat;
	color: #666666;
}
.ver{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	color: #FF9900;
	text-align: right;
	margin-right: 5%;
	margin-left: 5%;
	font-style: italic;
	font-weight: bold;
}
.esquina-izq{
    float:left;
	width: 50%;
	margin-top: -50px;
	z-index: 2;
}
.texto{
	position: absolute;
	top: 27%;
	background-color: #FFFFFF;
	left: 9%;
	z-index: 3;
	overflow: auto;
	height: 215px;
	width: 390px;
	bottom: 10%;
	padding-bottom: 10%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #666666;
}
.barradown {
	position: absolute;
	left: 0%;
	bottom: 0%;
	right: 100%;
	background-color: #FF8533;
	height: 1%;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1%;
	padding-left: 0px;
	z-index:0;
}
.barradownup {
	position: absolute;
	left: 0%;
	bottom: 1%;
	right: 100%;
	background-color: #FFD1AE;
	height: 1.5%;
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1.5%;
	padding-left: 0px;
	z-index:0;
}
.email{
	top: 352px;
	left: 592px;
	z-index: 3;
	position: absolute;
	font-weight: bold;
}
.firma{
    color: #FFFFFF;
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: x-small;
	text-decoration: none;
	bottom: 0%;
	left: 50%;
	margin-left:-90px;
	z-index: 0;
}
.xhtml{
	position: absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	text-decoration: none;
	bottom: 2px;
	right: 1%;
	z-index: 0;
}
a:visited {
	color: #999999;
	text-decoration: none;
} 
a:link{
	text-decoration: none;
	color:#999999;
}
a:hover{
	text-decoration: none;
	color:#FF8533;
}
.idiomas a:hover, .xhtml a:hover{
	text-decoration: none;
	color:#FFFFFF;
}
A.contacto:visited {
	color: #F9F9F9;
	text-decoration: none;
} 
A.contacto:link{
	text-decoration: none;
	color:#FFFFFF;
}
A.contacto:hover{
	text-decoration: none;
	color:#999999;
}
A.textopasos:visited {
	color: #666666;
	text-decoration: none;
} 
A.textopasos:link{
	text-decoration: none;
	color:#666666;
	background:none;
}
A.textopasos:hover{
	text-decoration: none;
	color:#FF8533;
	background:none;
}

/* Estilos para las plantillas */
.menuplantilla{
	position: absolute;
	left: 0%;
	top: 35%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;	
	width: 22%;
	z-index:11;
}
.menuplantilla h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FF8533;
	text-align: LEFT;
	font-style: italic;
}
.menuplantilla ul li {
	list-style-image: url(vineta.gif);
	margin-left:-10px;	
}
.division {
	position: absolute;
	left: 21%;
	bottom: 0%;
	padding-bottom:98.5%;
	right: 100%;
	color: #FF8533;
	height: 80%;
	width: 2px;
	z-index:1;
	background-image: url(vertical.jpg);
	background-repeat: repeat-y;	
}
.division-der {
	position: absolute;
	right:178px;
	bottom: 0%;
	padding-bottom:98.5%;
	color: #FF8533;
	height: 80%;
	width: 2px;
	z-index:1;
	background-image: url(vertical.jpg);
	background-repeat: repeat-y;	
}

.textoplantilla{
	position:absolute;
	background-color:#FFFFFF;
	top:26%;
	left:0%;
	z-index:1;
}
.textodescripcion h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #FF8533;
	text-align: LEFT;
	margin-left: -2%;
	font-style: italic;
}
.titulo{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #FF8533;
	text-align: LEFT;
	font-style: italic;
	margin-left:10px;
}
.esquina{
	position: absolute;
	right: 0%;
	padding-bottom:12%;
	background-image:url(fotolia.gif);
	background-position: bottom;
	background-repeat:no-repeat;
	height:141px;
	width:281px;
	z-index:2;
}
.raya{
	position: absolute;
	right: 0%;
	top:295px;
	padding-bottom:5%;
	background-image:url(punto.jpg);
	background-repeat:repeat-x;
	background-position:top;
	height:1px;
	width:180px;
	z-index:2;
}
.raya2{
	position: absolute;
	right: 0%;
	top:400px;
	background-image:url(punto.jpg);
	background-repeat:repeat-x;
	background-position:top;
	height:200px;
	width:180px;
	z-index:2;
}
.guia{
	position:absolute;
	right:50%;
	padding-bottom:12%;
	background-image:url(guia.gif);
	background-position: bottom;
	background-repeat:repeat-x;
	height:30px;
	width:2px;
	z-index:2;
	top: 1px;
}
.guia2{
	position:absolute;
	right:50%;
	padding-bottom:12%;
	background-image:url(guia2.gif);
	background-position: right bottom;
	background-repeat:repeat-y;
	height: 30px;
	width:1px;
	z-index:2;
}