/* CSS Document */

body{

	background-color: #000;

	margin: 0px;
/*
    scrollbar-base-color: #000000;

    scrollbar-arrow-color: #FFFFFF;

    scrollbar-3dlight-color: #FFFFFF;

    scrollbar-darkshadow-color: #000000;

    scrollbar-face-color: #3184a3;

    scrollbar-highlight-color: #000000;

    scrollbar-shadow-color: #000000;

    scrollbar-track-color: #000000;
*/

    overflow:hidden;

}



table{

	width: 100%;

	height: 100%;

}



td{

	vertical-align: middle;

	text-align: center;

}



/* Capas */

form{
	margin: 0px;
	padding: 0px;
}

form label{
	display:block;
	width: 80px;
	float: left;


	margin-bottom:5px;
}

form input{
	margin-bottom:5px;
}


a{
	color: #FFF;
}


#web{

	position: relative;

   	margin: auto;

	width: 800px;

	height: 500px;

	text-align: left;

}



#menu{

	position:absolute;

	top:140px;

	left:0px;

	width:800px;

	height: 20px;

	background-color: red;

	border: medium solid Black;

}



#menu ul{

	position: static;

	margin:1px 1px 1px 10px;

	padding: 1px 0px 0px 0px;

}



#menu li{

	display: inline;

	list-style-type:none;

	font-weight: bold;

	font-family: Verdana;

	font-size: 10px;

	text-decoration: none;

    color:black;



}



#menu li a:link{

     color: black;

     text-decoration: none;

	 outline: none;

	 display: inline; float: left; padding: 1px 5px 3px 6px; margin: 0 6px;

}



#menu li a:visited{

	 color: #000;

     text-decoration: none;

	 outline: none;

	 display: inline; float: left; padding: 1px 5px 3px 6px; margin: 0 6px;

}



#menu li a:hover{

	text-decoration:underline;

}



#menu li a.selected{

	text-decoration:underline !important;

}

	

#cabecera{

	position:absolute;

	top:0px;

	left:0px;

	width:800px;

	height:120px;

	border: medium solid;

	z-index: auto;

}



#cabecera h1{

	background: transparent url(../img/tituloMaper.jpg) no-repeat top left;

	margin-top: 0px;

	margin-left: 8px;

	width: 198px;

	height: 120px;

	float: left;

    cursor: pointer;

}

    

#cabecera h1 span{

	display:none;

}



#cabecera h2{

	width:530px;

	height:120px;

	float: left;

    color:white;

    font-family:Verdana;

	font-family:Arial !important;

    font-size: 22px;/*18px;*/

	text-align: justify;

	font-weight:normal;

	margin: 0px 0px 0px 25px;

	border:1px solid #FFF;
}



span.mayus{

    font-size:160%;

	font-weight:bold;

}



img#imgCabecera{

	margin-left: 10px;

}



#cabecera h3{

    margin-top: 8px;

    margin-left:55px;

    float:left;

    vertical-align:middle;

}



#cabecera h3 a img{

  border: none;

  text-decoration:none;

}



#cabecera h3 span{

	display:none;

}



#cabeceraSupIzq{



    float: right;

    width:153px;

    height:83px;

    background-color:none;



}



#contenido{

	position:absolute;

	top:160px;

	left:0px;

	width:790px;

	height:320px;

    border-top: thin;

    overflow: show;

}



#inside{

    position:absolute;

    border: none;

    left:10px;

    width:800px;

    height:300px;

}

#insidePromo1, #insidePromo2{

    position:absolute;

    border: none;

    width:800px;

    height:150px;

}

#insidePromo1{
	top: 40px;
}

#insidePromo2{
	top: 168px;
}



#inside p{

   color:white; text-align:left; font-family:verdana;

  font-size:20px;

  margin-left:0px;

  text-indent: 0%

}

#tituloPromo{
	position: absolute;
	color: #F00;
	font-family: arial;
	font-weight: bold;
	top: 12px;
	left: 32px;
	font-size: 20px;
	letter-spacing: 1px;
}



#izquierdaHome{

    position:absolute;

    top:55px;

    left:32px;

    width:300px;

    height:226px;

    background-color:none;

    border: none;

}



#izquierdaHome img{

    position:absolute;

	outline: none;

     border:none;

}



#derechaHome{

    position:absolute;

    display: table-cell;

    top:50px;

    left: 390px;

    width:360px;

    height:270px;

    vertical-align: middle;

    text-align:center;

    background-color:none;

}



html>body #derechaHome{

	top: 40px !important;

}



#derechaHome p{

  color:white;

  text-align: justify; /*:left;*/

  font-family:verdana;

  font-size:14px;

}



#izquierda{

    position:absolute;

    top:55px;

    left:32px;

    width:450px;

    height:226px;

    background-color:none;

    border: none;

}

ul#listaContenido{

	color: #FFF;

	font-family: verdana;

	list-style-type: square;

	float: left;

	clear: both;

	font-size:14px;

	text-align: justify;

	margin: 0px 0px 0px 15px;

	padding: auto;

	padding-left: 15px;
}

html>body ul#listaContenido{

	padding-left: 40px;

	margin: 0px;

}

ul.sinMargen{

	margin:0px !important;

}

html>body ul.sinMargen{

	margin:0px !important;

	padding:0px !important;

}

li.liEspaciada{

	margin-top: 15px;

}


#izquierdaPromo1, #izquierdaPromo2{

    position:absolute;

    top:10px;

    left:32px;

    width:300px;

    height:113px;

    background-color:#FFFFFF;

    border: none;

}


#izquierda img{

    position:absolute;

	outline: none;

    border:none;

}



#izquierda p{

  color:white;

  text-align: justify;

  font-family:verdana;

  font-size:14px;

  margin:0px;


}



#derecha{

    position:absolute;

    display: table-cell;

    top:50px;

    left: 580px;

    vertical-align: middle;

    background-color:none;

}

#derechaPromo1, #derechaPromo2{

    position:absolute;

    display: table-cell;

    top:10px;

    left: 450px;

    vertical-align: middle;

    background-color:none;

    width:300px;

    height:113px;

    background-color:#FFFFFF;
}


html>body #derecha{

	top: 50px !important;

}

.cabezaPromo{
	position:absolute;
	background-color: #000000;
	color: #FFF;
	text-align: center;
	width: 296px;
	left: 2px;
	top: 2px;
	font-family: arial;
	font-size: 17px;
	letter-spacing: 1px;
	height: 20px;
	font-weight: bold;
}

.cuerpoPromo{
	position:absolute;
	top: 27px;
	left: 2px;
	width: 294px;
	height: 82px;
	font-size: 17px;
	font-family: arial;
	font-weight: bold;
}

.imgPromo{
	height:81px;
	width: 134px;
	border:none;
	position: absolute;
	left: 0px;


}

.hrefPromo{
	display:block;
	height: 100%;
	width: 100%;
	cursor: pointer;
	text-decoration: none;
}

.hrefPromo:hover{
	background-color: #EEEEEE; /*#E8E8E8;*/
}

.textoPromo{

	position:absolute;
	left: 136px;
	width: 156px;
	color: #000;
	text-align: normal;
	top: 0px;
    font-size:17px;

	margin: 0px;
}



#pabajo{

 	position: absolute;

	top: 460px;

	left: 0px;

	width: 800px;

	height: 28px;

	text-align: center;

	vertical-align: middle;

	color:black;

	background: red;

	border: medium solid Black;

    font-weight: bold;

	font-family: Verdana;

	font-size: 10px;

	text-decoration: none;

   	letter-spacing:0.5px ;

	padding:3px 0px 0px 0px;

	}



html>body #pabajo{

	height: 18px;

}



#pabajo a, #pabajo a:visited{

    text-decoration: none;

    color:black;

}

.clear{
	clear:both;
}