/* CSS Document */
*{
margin:0;
padding:0;
}
img {border:0}
body{
background-color:#000000;
background-image:url(images/fdo-body.jpg);
font-family:Geneva, Arial, Helvetica, sans-serif;
}

p{
font-size:12px;
margin:16px 0
}
h1{
font-size:20px;
font-weight:normal;
color:#006699;
margin-top:24px;
}
h2 {
font-size:16px;
font-weight:normal;
color:#000;
margin-top:18px;
}
a, a:link, a:visited, a:active{
	color:#006699;
	text-decoration:none;
}

a:hover{
	color:#003366;
	text-decoration:none;
	}
	
table{
float:left;
}

.imageright{
float:right;
}

#contenedor{
width:780px;
display:table;
background-color:#FFFFFF;
background-image:url(images/fdo-contenedor.jpg);
background-repeat:repeat-y;
margin:0 auto;
}

#header{
width:780px;
height:125px;
background-color:#006699;
}

#main{
	position:relative;
	margin: 0px 10px 10px 210px;
	top: 0px;
}

#main a:hover{
	color:#003366;
	text-decoration:none;
	background-color:#DAE0E7;
	}

#menu{
width:196px;
float:left;
margin-bottom:300px
}

#spacerbot{
width:780px;
clear:both;
font-size:10px;
}

#pagos{
position:absolute;
width:200px;
height:80px;
margin-top:-85px;
margin-left:0px;
}

#footer{
width:780px;
margin:0 auto;
font-size:11px;
text-align:center;
color:#FFFFFF;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active{
	color:#FFFFFF;
	text-decoration:none;
}

#footer a:hover{
	color:#FFFFFF;
	text-decoration:none;
	background-color:#666666;
	}
	
/****************************************   MENU   **************************************************/

#menu {background:transparent url(images/menu.gif);overflow:hidden;height:141px;width:196px}
#menu li{list-style:none;float:left;display:inline}
#menu a {
	display:block;
   	height:0;
	overflow:hidden;
	padding-top:29px;
}
#menu a:hover,#menu a:active,#menu a:focus {background:transparent url(images/menu-hover.gif) no-repeat 141px 196px;}

#menu a#inicio {width:196px}
#menu a#quienessomos {position:relative;top:-1px;width:196px}
#menu a#nuestroservicio {position:relative;top:-2px;width:196px}
#menu a#preguntasfrecuentes {position:relative;top:-3px;width:196px}
#menu a#contacto {position:relative;top:-4px;width:196px}

#menu a#inicio:hover {background-position: 0 0; z-index:50;}
#menu a#quienessomos:hover{background-position: 0 -28px; z-index:50;}
#menu a#nuestroservicio {background-position: 0 -56px; z-index:50;}
#menu a#preguntasfrecuentes:hover {background-position: 0 -84px; z-index:50;}
#menu a#contacto {background-position: 0 -112px; z-index:50;}
/****************************************************************************************************/