@charset "UTF-8";
/* CSS Document */

body,
html {margin:0;padding:0; background-color:#666666;}

#header { width: 1024ox; height:340px; background-image:url(images/header.gif); background-repeat: no-repeat; background-color:#FFFFFF;}

#helicoptero{
position: fixed; left:1000px; width: 154px; height: 263px; margin-top:40px; background-color: transparent;
background-image: url(images/helicoptero.png);
background-repeat: no-repeat;
background-attachment: scroll;
background-position:center; z-index:3}

#footer{
position: relative; left:0px; height: 50px; margin-top:0px; background-color:#FFFFFF;
background-repeat:repeat-x
background-attachment: scroll;
background-position:center; z-index:3;
clear:both;
text-align:center;}


#main {float: right; width: 590px; padding-right: 50px; padding-left: 50px; position: top:40px; background-color:#0072ae; }

#sidebar {float:left;width:210px;}

li{ font-family:Verdana, Arial, Helvetica, sans-serif; padding:500 20px; font-size:13px; line-height:17px; text-align:left; letter-spacing:1px;margin-top: 0; text-indent:50px; }




/*background-image:url(images/footer.jpg); background-repeat:no-repeat; text-align:center;*/

/*barra de navegación*/
ul#nav_main{ list-style-type:none; position:relative; top:200px width:210px; margin:0; padding: 30; z-index:5; float:left; text-decoration:none; }

li#nm_1{ position:absolute; top:30px; left:0px; width:180px; height:30px; background-image:url(images/bar/up/1.jpg);}
li#nm_2{ position:absolute; top:60px; left:0px; width:180px; height:30px; background-image:url(images/bar/up/3.jpg);}
li#nm_3{ position:absolute; top:90px; left:0px; width:180px; height:30px; background-image:url(images/bar/up/4.jpg);}
li#nm_4{ position:absolute; top:120px; left:0px; width:180px; height:30px; background-image:url(images/bar/up/5.jpg);}
li#nm_5{ position:absolute; top:150px; left:0px; width:180px; height:30px; background-image:url(images/bar/up/6.jpg);}
li#nm_6{ position:absolute; top:180px; left:0px; width:180px; height:30px; background-image:url(images/bar/up/7.jpg);}
li#nm_7{ position:absolute; top:210px; left:0px; width:180px; height:30px; background-image:url(images/bar/up/8.jpg);}
li#nm_8{ position:absolute; top:240px; left:0px; width:180px; height:30px; background-image:url(images/bar/up/9.jpg);}
/*li#nm_9{ position:absolute; top:270px; left:0px; width:180px; height:30px; background-image:url(images/bar/up/9.jpg);}*/


/*esconder texto y área para dar click*/
ul#nav_main a{
display:block; width:100%; height:30px; text-decoration:none; overflow: hidden; text-indent:-999px;}

/* Animación*/

li#nm_1 a:hover{background:url(images/bar/over/1.jpg)}
li#nm_2 a:hover{background:url(images/bar/over/3.jpg)}
li#nm_3 a:hover{background:url(images/bar/over/4.jpg)}
li#nm_4 a:hover{background:url(images/bar/over/5.jpg)}
li#nm_5 a:hover{background:url(images/bar/over/6.jpg)}
li#nm_6 a:hover{background:url(images/bar/over/7.jpg)}
li#nm_7 a:hover{background:url(images/bar/over/8.jpg)}
li#nm_8 a:hover{background:url(images/bar/over/9.jpg)}
li#nm_9 a:hover{background:url(images/bar/over/9.jpg)}



/*Logo*/
#extraDiv2{
position: relative; 
width: 635px;height: 145px; 
left:7px; top:-10px; 
background-image: url(file:///Hal%209000/Users/joseluisderubin/Documents/Trabajos/websites/posada_guadalupe/images/logo.png);
background-repeat: no-repeat; z-index:3;
}



#centrar{position: relative; text-align:center;
 z-index:3;}


body{text-align:center; background-color:#0072ae;}


#wrap{width:924px; margin:0 auto; text-align:left; }


#footer2{clear:both; width: 924px;}


#container2{position:relative; top:-0px;  width:600px;}

h1{font-family:Verdana, Arial, Helvetica, sans-serif; padding: 0 20px; font-size:20px; line-height:16px; text-align:justify; letter-spacing:1px;margin-top: 0; color:#FFFFFF; }

h2{font-family:Verdana, Arial, Helvetica, sans-serif; padding: 0 20px; font-size:15px; line-height:16px; text-align:justify; letter-spacing:1px;margin-top: 0; color:#0072ae; }

p{ font-family:Verdana, Arial, Helvetica, sans-serif; padding:0 20px; font-size:13px; line-height:16px; text-align:left; letter-spacing:1px;margin-top: 0; color:#FFFFFF; }

li{ list-style:none; color:#FFFFFF; margin:0; padding:0;  }


/*Formulario*/

ol#formulario{color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; padding:0 20px; font-size:12px; line-height:16px; text-align:left; letter-spacing:1px;margin-top: 0; list-style-type:none; }

form.cmxform label {display: inline-block;line-height: 1.8;vertical-align: top;}

form.cmxform label {width: 120px;}

input, textarea, select {margin-top: 0pt;margin-right: 0pt;margin-bottom: 0pt;margin-left: 0pt;padding-top: 1px;padding-right: 1px;padding-bottom: 1px;padding-left: 1px;font-size: 100%;font-family: inherit;}



form.cmxform fieldset fieldset label {display: block; width: auto;}

form.cmxform fieldset fieldset label {margin-left: 123px;}


form.cmxform fieldset li 

{
list-style-type: none;
list-style-image: none;
list-style-position: outside;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
}

form.cmxform fieldset li 

{

padding-top: 5px;

padding-right: 10px;

padding-bottom: 7px;

padding-left: 10px;

background-color: transparent;

background-image: url(file:///Hal%209000/Users/joseluisderubin/Documents/Trabajos/websites/images/cmxform-divider.gif);

background-repeat: repeat-x;

background-attachment: scroll;

background-position: left bottom;

}

/*Lightbox*/


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(file:///Hal%209000/Users/joseluisderubin/Documents/Trabajos/websites/posada_guadalupe/images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(file:///Hal%209000/Users/joseluisderubin/Documents/Trabajos/websites/posada_guadalupe/images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#fotos{float:left; padding:5px;background-color:#FFFFFF; margin:30px;
}



/*Galería de fotos*/

/*#contenedorfoto {
   float:left;
   width:210px;
   height:180px;
   margin: 10px;
   padding:5px;
   background-color:#f5f7f9;
   border-right: #a5a7aa solid 1px;
   border-bottom: #a5a7aa solid 1px;
   text-align:center;
} */


#extraDiv1{
position: fixed; left: -20px; width: 277px;height: 128px; margin-right:-50px; margin-top:0px; background-color: transparent;
background-image: url(images/radio.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left top;}


table.programa td, caption{
font-family:Verdana, Arial, Helvetica, sans-serif; padding:0 20px; font-size:13px; line-height:16px; text-align:left; letter-spacing:1px;margin-top: 0; color:#FFFFFF; font-style:normal;  padding-bottom: 10px;
}