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


/* ------------------------------------------------------------------------------ DEFAULTS */ 

html, body {
height: 100%;
margin: 0;
padding: 0;
background-color:#FDE49E;
}
 
* {
margin:0px auto;
padding:0;
}


/* ------------------------------------------------------------------------------ SHIM */ 

#shim {
visibility: hidden;
width: 100%;
height: 50%;
margin-top: -250px;
float: left;
}


/* ------------------------------------------------------------------------------ WRAPPER */ 

#wrapper1 {
background:url(../images/01.jpg);
width: 931px;
height: 523px;
clear: both;
position: relative;
top: -250px;
position: static;
}

#wrapper2 {
background:url(../images/02.jpg);
width: 931px;
height: 523px;
clear: both;
position: relative;
top: -250px;
position: static;
}

#wrapper3 {
background:url(../images/03.jpg);
width: 931px;
height: 523px;
clear: both;
position: relative;
top: -250px;
position: static;
}

#wrapper4 {
background:url(../images/04.jpg);
width: 931px;
height: 523px;
clear: both;
position: relative;
top: -250px;
position: static;
}

#wrapper5 {
background:url(../images/05.jpg);
width: 931px;
height: 523px;
clear: both;
position: relative;
top: -250px;
position: static;
}

#wrapper6 {
background:url(../images/06.jpg);
width: 931px;
height: 523px;
clear: both;
position: relative;
top: -250px;
position: static;
}

#wrapper7 {
background:url(../images/07.jpg);
width: 931px;
height: 523px;
clear: both;
position: relative;
top: -250px;
position: static;
}

#wrapperlocation {
background:url(../images/location.jpg);
width: 931px;
height: 523px;
clear: both;
position: relative;
top: -250px;
position: static;
}

#wrappercontacto {
background:url(../images/contacto.jpg);
width: 931px;
height: 523px;
clear: both;
position: relative;
top: -250px;
position: static;
}

#wrappergallery {
background:url(../images/08.jpg);
width: 931px;
height: 523px;
clear: both;
position: relative;
top: -250px;
position: static;
}


/* ------------------------------------------------------------------------------ CONTENEDOR_MENU */ 

#contenedormenu{
position: relative;
height:523px;
width:931px;
}


/* ------------------------------------------------------------------------------ BTN.NEXT */ 

#btn_next{
position:absolute;
left: 15px;
bottom: 11px;
}

#btn_next2{
position:absolute;
opacity: .30;
left: 15px;
bottom: 11px;
}


/* ------------------------------------------------------------------------------ TEXTO.FLOAT */ 

#texto_float{
position:absolute;
left: 115px;
bottom: 13px;
}

#texto_float p{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color: #870016;
}


#texto_float2{
position:absolute;
left: 15px;
bottom: 13px;
}

#texto_float2 p{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color: #870016;
}

/* ------------------------------------------------------------------------------ AVISOS */ 

/*------- INDEX 01 */ 
#aviso{
position:absolute;
left: 100px;
bottom: 55px;
}

#aviso p{
font-family:Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size:12px;
color: gray;
}

/*------- INDEX 02 */ 
#aviso2{
position:absolute;
left: 100px;
top: 165px;
}

#aviso2 p{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size:12px;
color: white;
letter-spacing:2px;
}

#aviso2b{
position:absolute;
left: 80px;
top: 260px;
}

#aviso2b p{
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: white;
}

/*------- INDEX 03 */ 
#aviso3{
position:absolute;
left: 90px;
top: 270px;
}

#aviso3 p{
font-family:Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size:12px;
color: white;
letter-spacing:3;
}

/*------- INDEX 04 */ 
#aviso4{
position:absolute;
left: 50px;
top: 280px;
}

#aviso4 p{
font-family:Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size:12px;
color: white;
}

/*------- INDEX 05 */ 
#aviso5{
position:absolute;
right: 55px;
top: 55px;
text-transform: uppercase;
letter-spacing:2px;
}

#aviso5 p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #504E49;
}

#aviso5b{
position:absolute;
right: 50px;
top: 150px;
}

#aviso5b p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #504E49;
margin-bottom:3px;
letter-spacing:1px;
}


/*------- INDEX 06 */ 
#aviso6{
position:absolute;
left: 400px;
bottom: 245px;
}

#aviso6 p{
font-family:Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size:12px;
color:#524E45;
}

/*------- LOCATION */ 
#location{
position:absolute;
right: 130px;
top: 85px;
}

#location p{
font-family:Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-size:19px;
color: #333;
}


/*------- CONTACTO */ 
#forma {
position:absolute;
width:310px;
right: 40px;
top: 35px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:white;
}

#forma h1 {
font-size:11px;
color: #FDE49E;
text-align:right;
padding-bottom:5px;
}

#forma h2 {
font-size:13px;
color: white;
padding-left:130px;
font-weight:normal;
}

#forma h3 {
font-size:10px;
color: white;
padding-left:130px;
font-weight:normal;
}

#forma h3 a {
font-size:11px;
color: white;
font-weight:normal;
}

#forma h4 {
font-size:12px;
color: white;
padding-left:85px;
font-weight:normal;
}

label{
float: left;
width: 85px;
font-size:16px;
text-align:right;
padding-right:3px;
}

input, textarea{
width: 200px;
margin-bottom: 5px;
background:#FDE49E;
border:3px;
border-bottom-color:#FDE49E;
padding:3px;
}

textarea{
width: 200px;
height: 150px;
}

.boxes{
width: 1em;
}

#submitbutton{
margin-left: 200px;
margin-top: 5px;
width: 90px;
border:3px;
border-bottom-color:red;
}

br{
clear: left;
}


/* ------------------------------------------------------------------------------ MENU */ 


#menu{
position:absolute;
right: 15px	;
bottom: 7px;
}


/* ------------------------------------------------------------------------------ GALLERY */ 

#titlegaleria{
position:absolute;
left: 365px;
top: 30px;
font-size:15px;
color: white;
letter-spacing:4px;
font-family:Arial, Helvetica, sans-serif;
}

#aviso_galeria{
position:absolute;
left: 390px;
top: 200px;
color: white;
font-size:14px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif
}

#navcontainer
{
position:absolute;
left: 160px;
bottom: 80px;
margin: 0;
padding: 0;
list-style-type: none;
}

.thumbnail
{
float: left;
width: 26px;
margin: 0 1px 1px 0;
padding: 3px;
}

.clearboth { clear: both; }

.thumbnails span{ /*CSS for enlarged image*/
position: absolute;
visibility: hidden;
text-decoration: none;
padding: 5px;
left: -1000px;
}

.thumbnails span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnails:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -325px;
left: 0; /*position where enlarged image should offset horizontally */
z-index: 50;
}