/**************************************************/
/*                                   Top                           */
/**************************************************/


#top {
background-color: white;  
width: 800px;
height: 75px;
}

#logo {
background: url(images/Logo.jpg) top center no-repeat; 
width: 250px;
height: 74px;
float: left;
}



#logoright {
background: url(images/Logoright.png) top center no-repeat; 
width: 530px;
height: 74px;
float: right;
margin: 0 0 0 0px;
}
/**************************************************/
/*                                   Idiomas                         */
/**************************************************/
#idioma
{
float:right;
width: 130px;
height: 14px;
margin:18px 42px 0pt 0px;
}


#esp
{
float:left;
width: 21px;
height: 14px;
margin-right: 2px;
background: url(images/flag_espana.jpg) top center no-repeat; 
}
#esp a
{
float:left;
width: 21px;
height: 14px;
margin-right: 2px;
background: url(images/flag_espana.jpg) top center no-repeat; 
}
#esp a:hover
{
float:left;
width: 21px;
height: 14px;
margin-right: 2px;
background: url(images/flag_espana2.jpg) top center no-repeat; 
}

#ita
{
float:left;
width: 21px;
height: 14px;
margin-right: 2px;
background: url(images/flag_italia.jpg) top center no-repeat; 
}
#ita a
{
float:left;
width: 21px;
height: 14px;
margin-right: 2px;
background: url(images/flag_italia.jpg) top center no-repeat; 
}
#ita a:hover
{
float:left;
width: 21px;
height: 14px;
margin-right: 2px;
background: url(images/flag_italia2.jpg) top center no-repeat; 
}

#fra
{
float:left;
width: 21px;
height: 14px;
margin-right: 2px;
background: url(images/flag_francia.jpg) top center no-repeat; 
}
#fra a
{
float:left;
width: 21px;
height: 14px;
margin-right: 2px;
background: url(images/flag_francia.jpg) top center no-repeat; 
}
#fra a:hover
{
float:left;
width: 21px;
height: 14px;
margin-right: 2px;
background: url(images/flag_francia2.jpg) top center no-repeat; 
}

#ger
{
float:left;
width: 21px;
height: 14px;
margin-right: 2px;
background: url(images/flag_ger.jpg) top center no-repeat; 
}
#ger a
{
float:left;
width: 21px;
height: 14px;
margin-right: 2px;
background: url(images/flag_ger.jpg) top center no-repeat; 
}
#ger a:hover
{
float:left;
width: 21px;
height: 14px;
background: url(images/flag_ger2.jpg) top center no-repeat; 
}

#eng
{
float:left;
width: 21px;
height: 14px;
margin-right: 2px;
background: url(images/flag_usa.jpg) top center no-repeat; 
}
#eng a
{
float:left;
width: 21px;
height: 14px;
margin-right: 2px;
background: url(images/flag_usa.jpg) top center no-repeat; 
}
#eng a:hover
{
float:left;
width: 21px;
height: 14px;
margin-right: 2px;
background: url(images/flag_usa2.jpg) top center no-repeat; 
}
/**************************************************/
/*                                   Idiomas                         */
/**************************************************/

/*                    Menu                   */


#menu {
width: 790px;
height: 26px;
margin: 0 0 0 10px;
}

.boton {
width:111px;
height: 25px;
background:  url(images/off.png) top center no-repeat;
float: left;
text-align: center;
font-size: 9pt;
text-decoration: none;
color:black;

}

.boton a:link {
text-decoration: none;
color:#191970;

}

.boton a:visited {
color:#F8F8FF;
text-decoration: none;
color:#191970;
}

.boton a:hover {
width:111px;
height: 25px;
background:  url(images/on2.png) top center no-repeat;
float: left;
text-align: center;
font-size: 9pt;
color:#191970;
text-decoration: none;

}

.boton2 {
width:111px;
height: 25px;


background:  url(images/off2.png) top center no-repeat;
float: left;
text-align: center;
font-size: 9pt;
text-decoration: none;
color:#191970;
}

.boton2 a:link {
color:#191970;
text-decoration: none;

}

.boton2 a:visited {
color:#191970;
text-decoration: none;
}

.boton3 {
width:111px;
height: 25px;
background:  url(images/off3.png) top center no-repeat;
float: left;
text-align: center;
font-size: 9pt;
text-decoration: none;
color:#191970;
}

.boton3 a:link {
color:#191970;
text-decoration: none;

}

.boton3 a:visited {
color:#191970;
text-decoration: none;
}

.boton a:hover {
width:111px;
height: 25px;
background:  url(images/on.png) top center no-repeat;
float: left;
text-align: center;
font-size: 9pt;
color:white;
text-decoration: none;
}

.boton2 a:hover {
width:111px;
height: 25px;
background:  url(images/on2.png) top center no-repeat;
float: left;
text-align: center;
font-size: 9pt;
color:white;
text-decoration: none;
}
.boton3 a:hover {
width:111px;
height: 25px;
background:  url(images/on3.png) top center no-repeat;
float: left;
text-align: center;
font-size: 9pt;
color:white;
text-decoration: none;
}

.botonusado {
width:111px;
height: 25px;
background:  url(images/on.png) top center no-repeat;
float: left;
text-align: center;
font-size: 9pt;
text-decoration: none;
}

.botonusado a:link {
color:#F8F8FF;text-decoration: none;

}

.botonusado a:visited {
color:#F8F8FF;
text-decoration: none;
}

.botonusado a:hover {
width:111px;
height: 25px;
background:  url(images/on.png) top center no-repeat;
float: left;
text-align: center;
font-size: 9pt;
color:#191970;
text-decoration: none;
}



/**************************************************/
/*                                   Body and Wrapper                             */
/**************************************************/

body {
background: url(images/back.png) repeat;
background-repeat: repeat; 
margin: 0;
padding: 0;
font: normal 8pt/13pt arial,verdana, sans-serif;
color:white;
a:link { color: #191970; }
.especial:link { color: #191970; }
}


#wrapper {
margin: 0 auto;
width: 800px;
padding: 0;
text-align: left;
}

/**************************************************/
/*                                       Content                                             
another wrapper that holds all the content                              */
/**************************************************/



#content {
	background: url(images/bgmiddle.png) center repeat-y;
	width: 800px;
	height: 860px;
}

#contentcomunidad {
	background: url(images/bgmiddle.png) center repeat-y;
	width: 800px;
	height: 860px;
}

#header {
background: url(images/header.png) center no-repeat; 
width: 800px;
height: 53px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: center;
}

/**************************************************/
/*                               All the content                                        */
/**************************************************/

h1 {
color: #003366;
font-size: 12pt;
font-family: Arial; 
margin: 5px 0px 0px 5px;
}

h3 {
color: white;
font-size: 24pt;
font-family: Arial,verdana, sans-serif;
margin:-10px 0px 0 px 0px;
}

h2 {
color: white;
font-size: 14pt;
font-family: Arial,verdana, sans-serif;
margin: 0px 0px 0 px 5px;
}

p {
color: black;
font-size: 10pt;
font-family: Arial,verdana, sans-serif;
height: 315px;
width: 360px;
overflow: auto;
}


h5 {
color: black;
font-size: 10pt;
font-family: Verdana, Helvetica, Arial; 
height: 220px;
width: 480px;
overflow: auto;
}

h6 {
color: black;
font-size: 10pt;
font-family: Verdana, Helvetica, Arial; 
height: 200px;
width: 500px;
overflow: auto;
}

h7 {
color: white;
font-size: 10pt;
font-family: Arial,verdana, sans-serif;
height: 300px;
width: 300px;
overflow: auto;
}

#stuff {
width: 800px;
margin:5px 0px 0px 0px;
height: 1080px;
}


img {
border: none;
} 

img a{
border: none;
} 

/*                    Header                   */

#menudos {
width: 600px;
text-align: left;
height: 20px;
position: absolute;
font-style: italic;
}

#menudos ul{
margin:11pt 0pt 0pt 15px;
padding:20px 5px 0pt 0pt;
padding:0pt;
}

#menudos li{
display: inline;
padding: 0px 15px 0pt 0pt;
}

#menudos li a {
text-decoration: none;
text-align: center;
font-size: 9pt;
color:#FFFFFF;

}	
	
#menudos li a:link, #menu li a:visited {
color: white;
text-align: left;
}
	
#menudos li a:hover {
color: black;
text-align: left;
}	

ul {
list-style: none;
text-align: left;
}

#amarillo {
float:left;
font-size: 10pt;
color: yellow;
padding: 0px 10px 0pt 0pt;
}

#amarillo a {
text-decoration: none;
text-align: center;
font-size: 9pt;
color:yellow;
padding: 0px 10px 0pt 0pt;
}	
	
#amarillo li a:link, #amarillo li a:visited {
color: yellow;
text-align: left;
padding: 0px 10px 0pt 0pt;
}
	
#amarillo li a:hover {
color: black;
text-align: left;
}	


/*                    Home                   */


#contenttop {
	width: 795px;
	height: 180px;
}

#flash {
width: 550px;
height: 167px;
margin: 0px 5px 0px 0px;
float: left;
background: url(images/Banner!.jpg);
}

#newsletterypublicidad {
float: left;
width: 234px;
height: 180px;
}


div#sidebar {
width: 234px;
height: 105px;
font-size:7pt;
text-align:left;
margin:0px 0px 5px 0pt; 
color:white;
background: url(images/Newsletter.png);
padding-top: 10px;
}




.label{
	width: 30pt;
height: 12px;
float:left;
margin: 0px 0px 0px 10px;
}

.text_input{
	width: 140px;
height: 12px;
margin: 0px 0px 0px 5px;
}

.submit_input{
	float:right;
margin: 0px 20px 0px 0px;
}

#contenidonl {
width: 234px;
height: 30px;
padding-top: 20px;

}

#publicidad1 {
width:234px;
height:60px;
margin: 0px 0px 0pt 0pt; 
background: url(images/Publicidad6.png) no-repeat;
}

#publicidad2 {
width:234px;
height:60px;
margin: 0px 0px 0pt 0pt; 
background: url(images/Publicidad6.jpg) no-repeat;
}


/*                    Middle                  */


#middlelargo {
width:800px;
margin:0pt 0px 0px 5px;
}
#middle {
width:795px;
margin:0pt 0px 0px 5px;
}


#middlecontact {
	width:795px;
	margin:0pt 0px 0px 5px;
	height: 460px;
}

#msn {
	width:200;
	margin:0px 0px 0px 50px;
	height: 320px;
	float:left
}

#googlemap {
	height: 260px;
	width: 370px;
	float: right;
	padding: 0px 0px 10px 10px;
	margin: 20px 30px 0px 0px;
	
}

.contenidocolumnas {
width:255px;
height:755px;
}

/*                   Agenda                  */

#Agenda {
width:273px;
height:888px;
background: url(images/backcuadros.png) repeat;
float: left;
margin:0pt 0px 5px 0px;
}

.tituloagendabig {
width: 185px;
height: 15px;
margin: 0px 0 0 12px;
font-size: 14pt;
font-weight: bold;
color: #FFCC00;
}

.titulo {
width: 273px;
height: 32px;
margin-bottom: 5px;
background: url(images/titulo.png) no-repeat;
font-size: 12pt;
font-weight: bold;
color:white;
padding-top: 8px;

}

.texto {
width: 240px;
height: 105px;	
float: left;
color: 	#606060;
font: 8pt;
}

.tituloagenda{
width: 160px;
height: 12px;
margin: 2px 0px 5px 0px;	
font: bold 10pt verdana, arial,helvetica,sans-serif;
color: 	black;
}

.descripcion{
width: 155px;
height: 130px;
margin: 0px 0px 0 5px;	
font: normal 8pt verdana, arial,helvetica,sans-serif;
color: 	#606060;
}

.descripcion a{
font: normal 8pt verdana, arial,helvetica,sans-serif;
color: 	#003399;
}

.dia{
height:125px;
width: 250px;
padding:5px 5px 5px 8px;
margin: 6px 0 0 8px;
background: url(images/Fondodia.jpg) no-repeat;
}

.dia a{
font: normal 8pt verdana, arial,helvetica,sans-serif;
color: 	#003399;
}

.dia img {

color:black;
float:right;
height:60px;
width:80px;
margin: 0px 0 0 8px;
}

/*                   Novedades                 */

#Novedades {
width:273px;
height:888px;
background: url(images/backcuadros.png) repeat;
float: left;
margin:0pt 5px 5px;
}

.Novedad{
height:265px;
width:250px;
padding:5px 0px 5px 5px;
margin-bottom: 5px;
background-color: white;
margin: 0px 0 5px 7px;
}

.textonovedad {
width: 240px;
height: 100px;	
float: left;
}

.textonovedad a{
color: 	#003399;
}

.titulonoticia {
width: 273px;
height: 32px;
margin-bottom: 5px;
background: url(images/titulo2.png) no-repeat;
font-size: 12pt;
font-weight: bold;
color:white;
padding-top: 8px;
}


.titulonovedad{
width: 255px;
height: 15px;	
font: bold 10pt verdana, arial,helvetica,sans-serif;
color: 	Black;
margin: 2px 0px 0 3px;
}

.descripcionnovedad{
width: 240px;
height: 65px;
margin: 6px 0px 0 3px;	
font: normal 8pt verdana, arial,helvetica,sans-serif;
color: 	#606060;
}

.interior {
width: 273px;
height: 845px;
}


.Novedad img {
height:158px;
width:236px;
margin: 3px 0 0 5px;
/*border:thin solid;
color: grey;*/
}

.bottomagenda {
height:20px;
width:273px;
}


/*                   Afiches                 */

#Afiches {
width:234px;
height:900px;
float: left;
}

#afichetop {
width:234px;
height:326px;
margin:0pt 0px 0px;
background: url(images/Fiesta.jpg) no-repeat;
}

#afichebottom {
width:234px;
height:326px;
margin:5px 0px 0px 0px;

}

#publicidad2 {
width:234px;
height:60px;
margin: 5px 0px 0pt 0px; 
background: url(images/Publicidad.png) no-repeat;
position:relative;
}

#publicidad3 {
width:234px;
height:60px;
margin: 5px 0px 0pt 0px; 
background: url(images/Publicidad.png) no-repeat;
position:relative;
}

#publicidad4 {
width:234px;
height:160px;
margin: 5px 0px 0pt 0px; 
position:relative;
}

/********************************************************************************************/
/*                                       Bottom                                             */
/********************************************************************************************/

#bottom {
background: url(images/bgbottom.png) bottom center no-repeat; 
width: 800px;
height: 50px;
}

div#bottom {
	width: 800px;
	height: 50px;




background: 
font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#FFCC33;
	text-align: center;

}

#footer a {
line-height:28px;
}

#bottom a:link, #bottom li a:visited {
line-height:28px;
font-size: 8pt;
color:#FFFFFF;
text-decoration: none;
}

#bottom a{
line-height:28px;
font-size: 8pt;
color:#FFFFFF;
text-decoration: none;
}

#bottom a:hover {
line-height:20px;
font-size: 8pt;
color:black;
text-decoration: none;
}

div#copyright{
position: relative;
font-size: 7pt;
}



/********************************************************************************************/
/*                                       Alojamientos                                             */
/********************************************************************************************/

#stuffalojamientos {
	width: 800px;
	margin:5px 0px 0px 0px;
	height: 800px;
	background: url(images/fondoaboutus.jpg) bottom no-repeat;
}

#Afichesalojamientos {
width:234px;
height:540px;
float: left;
}

#introalojamientos {
width: 550px;
height: 180px;
margin: 0px 5px 0px 0px;
float: left;
}

#textoalejomientos{
width: 265px;
height: 175px;
margin: 0px 10px 0px 0px;
padding: 5px 0 0 10px;
float: left;
font-size: 9pt;
color:black;
}

#flashalojamientos{
width: 260px;
height: 180px;
float: left;
background: url(images/flashdepto.jpg);
}

#alojamientoscontenido {
width: 550px;
height: 540px;
margin: 0px 5px 0px 0px;
float: left;
}

#ultimoalojamiento {
width: 550px;
height: 150px;
margin: 0px 0px 0px 0px;
background-color: blue;
}					          
							
#tresalojamientos {
width: 550px;
height: 380px;
margin: 5px 0px 0px 0px;
}

#roommates {
width: 179px;
height: 400px;
margin: 0px 6px 0px 0px;
background: url(images/backroom.png);
float: left;
}

#flats {
width: 179px;
height: 400px;
margin: 0px 6px 0px 0px;
background: url(images/backroom.png);
float: left;
}

#hostels {
width: 179px;
height: 400px;
margin: 0px 0px 0px 0px;
background: url(images/backroom.png);
float: left;
}


#barratituloalojamiento {
width: 540px;
height: 25px;
background: url(images/barraultimoaloj.jpg);
font-size: 10pt;
font-weight: bold;
color:white;
padding: 5px 0 0 10px;
}

#textoultimoalojamiento {
width: 535px;
height: 110px;
background: url(images/backcuadros.png);
padding: 5px 10px; 10px 10px;
font-size: 10pt;
color:black;
}

.tituloroom {
width: 174px;
height: 25px;
margin: 0px 0px 0px 0px;
background: url(images/roomstitle.jpg);
font-size: 10pt;
font-weight: bold;
color:white;
padding: 5px 0 0 5px;
}

.contenidoroom {
width: 162px;
height: 330px;
padding: 0px 5px 5px 5px;
} 

.textoroom {
width: 160px;
height: 177px;
padding: 5px 0px 0px 0px;
font-size: 9pt;
} 

.fotoroom {
width: 168px;
height: 68px;
padding: 5px 0px 0px 0px;
} 

.fotoroom img {
width:168px;
height:168px;
}


/********************************************************************************************/
/*                                       Cada Alojamiento                                            */
/********************************************************************************************/


#ultimoalojamientoroom {
width: 550px;
height: 180px;
margin: 0px 0px 0px 0px;
}

#textoultimoalojamientoroom {
width: 525px;
height: 140px;
background: url(images/backcuadros.png);
padding: 5px 10px; 10px 10px;
font-size: 8pt;
color:black;
}

#busquedadisponibiilidad {
width: 545px;
height: 110px;
background: url(images/back.png);
}

#todoslosalojamientos {
width: 550px;
height: 415px;
overflow: auto;
margin: 5px 0 0 0;
}

.cadaalojamiento {
width: 525px;
height: 130px;
margin: 7px 0px 0px 0px;
background: url(images/backcuadros.png);
}

.contenidocadaalojamiento {
width: 335px;
height: 130px;
margin: 0px 0px 0px 0px;
float: left;
background: url(images/backcuadros.png);
}

.titulocadaalojamiento {
width: 325px;
height: 22px;
margin: 0px 0px 0px 0px;
background: url(images/cadaalojamientotitulo.jpg);
font-size: 10pt;
font-weight: bold;
color:white;
padding: 3px 0 0 10px;
}

.textocadaalojamiento {
width: 330px;
height: 105px;
margin: 0px 0px 0px 0px;

}

.fotocadaalojamiento {
width: 190px;
height: 130px;
float: left;
background: url(images/FondoFoto.jpg) repeat-x;
}

.fotocadaalojamiento img {
width: 186px;
height: 126px;
margin: 2px 2px 2px 2px;
}

.columnarengloncada {
width: 162px;
height: 100px;
float: left;
font-size: 10pt;
color: black;
}

.rengloncada {
width: 147px;
height: 20px;
margin: 10px 5px 0 10px;
}


/********************************************************************************************/
/*                                       Comunidad                                            */
/********************************************************************************************/

#textocomunity {
width: 510px;
height: 130px;
padding: 10px 5px 5px 10px;
font-size: 10pt;
color: black;
}

#barrajoinus {
width: 525px;
height: 30px;
}

#beneficios {
width: 515px;
height: 375px;
margin-top: 5px;
padding: 0px 0px 0px 0px;
font-size: 10pt;
color: black;
}

#beneficioscontenido {
width: 550px;
height: 372px;
overflow:auto;
}

#titulobeneficios {
width: 535px;
height: 20px;
background: url(images/barrabeneficios.png);
padding: 5px 5px 5px 10px;
font-size: 10pt;
color: white;
font-weight: bold;
}

.iocio {
width: 525px;
height: 110px;
margin: 7px 0px 0px 0px;
}

.contenidocadabeneficio {
width: 350px;
height: 110px;
margin: 0px 0px 0px 0px;
float: left;
background: url(images/backroom.png);
}

.titulocadabeneficio {
width: 340px;
height: 22px;
margin: 0px 0px 0px 0px;
background: url(images/cadaalojamientotitulo.jpg);
font-size: 10pt;
font-weight: bold;
color:white;
padding: 3px 0 0 10px;
}

.textocadabeneficio {
width: 325px;
height: 70px;
margin: 5px 0px 0px 10px;
font-size: 8pt;
color:white;
}

.fotocadabeneficio {
width: 175px;
height: 110px;
float: left;
}

.fotocadabeneficio img {
width: 175px;
height: 110px;
}


/********************************************************************************************/
/*                                       Actividades                                            */
/********************************************************************************************/



#textoshows {
width: 530px;
height: 110px;
background: url(images/backcuadros.png);
padding: 5px 10px; 10px 10px;
font-size: 10pt;
color:black;
}

#barratituloactividad {
width: 540px;
height: 25px;
background: url(images/barrabeneficios.png);
font-size: 10pt;
font-weight: bold;
color:white;
padding: 5px 0 0 10px;
}




#actividadescontenido {
width: 550px;
height: 405px;
overflow:auto;
}

.cadaactividad {
width: 525px;
height: 110px;
margin: 7px 0px 0px 0px;
}

.contenidocadaactividad {
width: 350px;
height: 110px;
margin: 0px 0px 0px 0px;
float: left;
background: url(images/backroom.png);
}

#shows {
width: 520px;
height: 150px;
margin: 0px 0px 0px 0px;
background-color: blue;
}

#showsyactividades {
width: 550px;
height: 520px;
margin: 0px 5px 0px 0px;
float: left;

}

#flashactividad{
width: 260px;
height: 180px;
float: left;
background: url(images/flashactividad.jpg);
}

/********************************************************************************************/
/*                                       Viajes                                            */
/********************************************************************************************/

#introviajes {
width: 550px;
height: 180px;
margin: 0px 5px 0px 0px;
float: left;
}

#textoviajes{
width: 250px;
height: 175px;
margin: 0px 5px 0px 0px;
padding: 5px 0 0 10px;
float: left;
font-size: 8pt;
color:black;
}

#barraproximoviaje {
width: 545px;
height: 25px;
background: url(images/barraultimoaloj.jpg);
font-size: 10pt;
font-weight: bold;
color:white;
padding: 5px 0 0 5px;
}

#flashviaje{
width: 260px;
height: 180px;
float: left;
background: url(images/flashviaje.jpg);
}

#textoproximoviaje {
width: 530px;
height: 110px;
background: url(images/backcuadros.png);
padding: 5px 10px; 10px 10px;
font-size: 8pt;
color:black;
}

.textocadaviaje {
width: 520px;
height: 105px;
margin: 0px 0px 0px 0px;
}

#nexttrip {
width: 550px;
height: 150px;
margin: 0px 0px 0px 0px;
}

#viajesprincipal {
width: 550px;
height: 540px;
margin: 0px 5px 0px 0px;
float: left;
}

.columnarengloncadaviaje {
width: 245px;
height: 110px;
float: left;
font-size: 10pt;
color: black;

}

.rengloncadaviaje {
width: 150px;
height: 19px;
margin: 7px 5px 0 10px;
}

#nexttrip1 {
width: 550px;
height: 180px;
margin: 0px 0px 0px 0px;
}


#textoproximoviaje1 {
width: 505px;
height: 140px;
background: url(images/backcuadros.png);
padding: 5px 10px; 10px 10px;
font-size: 8pt;
color:black;
}

.cadadiadelviaje {
width: 547px;
height: 80px;
margin: 7px 0px 0px 0px;
}

.contenidodiadelviaje {
width: 330px;
height: 80px;
margin: 0px 0px 0px 0px;
float: left;

}

.titulodiadelviaje {
width: 540px;
height: 22px;
margin: 0px 0px 0px 0px;
background: url(images/backroom.png);
font-size: 10pt;
font-weight: bold;
color:white;
padding: 3px 0 0 10px;
}

.textodiadelviaje {
width: 520px;
height: 50px;
margin: 5px 0px 0px 10px;
font-size: 8pt;
color:black;
}

#barradatos {
width: 520px;
height: 25px;
background: url(images/backroom.png);
font-size: 10pt;
font-weight: bold;
color:white;
padding: 5px 0 0 5px;
}

/********************************************************************************************/
/*                                       Estudios                                            */
/********************************************************************************************/


.fotocadauniversidad {
width: 175px;
height: 110px;
float: left;
}

.fotocadauniversidad img {
width: 165px;
height: 104px;
float: left;
margin: 3px 0px 2px 8px;
}

.cadauniversidad {
width: 530px;
height: 110px;
margin: 7px 0px 0px 0px;
background: url(images/backroom.png);
}

#universidadescontenido {
width: 550px;
height: 400px;
overflow:auto;
}

#flashestudios{
width: 260px;
height: 180px;
float: left;
background: url(images/flashestudios.jpg);
}

/********************************************************************************************/
/*                                       Fiestas                                            */
/********************************************************************************************/

#flashfiestas{
width: 234px;
height: 180px;
float: left;
background: url(images/flashfiestas.jpg);
}

#barraproxfiesta {
width: 545px;
height: 25px;
background: url(images/barraultimoaloj.jpg);
font-size: 10pt;
font-weight: bold;
color:white;
padding: 5px 0 0 5px;
}


/********************************************************************************************/
/*                                       Cada Flat                                            */
/********************************************************************************************/

#barracadaflat {
width: 545px;
height: 25px;
background: url(images/barraultimoaloj.jpg);
font-size: 10pt;
font-weight: bold;
color:white;
padding: 5px 0 0 5px;
}

#textocadaflat {
width: 505px;
height: 125px;
font-size: 10pt;
color:black;
padding: 5px 0px 5px 10px;
}

#introcadaflat {
width: 545px;
height: 180px;
margin: 0px 5px 0px 0px;
float: left;
}

#cadaflat {
width: 550px;
height: 180px;
margin: 0px 0px 0px 0px;
}

#fotoscadaflat {
width: 525px;
height: 180px;

}

#cuatroimgs {
width: 260px;
height: 180px;
padding: 0px 0px; 0px 5px;
float: left;
}

.columnaflats {
width: 125px;
height: 180px;
margin: 0px 5px 0px 0px;
float: left;
}

.columnaflats img {
width: 125px;
height: 87px;
}

#fotogrande {
width: 265px;
height: 180px;
float: left;
}

#fotogrande img {
width: 265px;
height: 180px;
float: right;
}

#contenidodelasfotos {
width: 525px;
height: 180px;
margin: 0 0 5px 0;
}

.datoscadaflat {
width: 525px;
height: 130px;
margin: 5px 0px 5px 0px;
background: url(images/backagenda.png);
}

.titulodatoscadaflat {
	width: 540px;
	height: 26px;
	padding: 4px 0px 0px 10px;
	font-size: 10pt;
	font-weight: bold;
	color:#0066FF;
}

.columnarengloncadaflat {
width: 175px;
height: 100px;
float: left;
font-size: 10pt;
color: black;
}

.rengloncadaflat {
width: 160px;
height: 20px;
margin: 10px 5px 0 10px;
}

#contenidocalendario {
width: 550px;
height: 180px;
margin: 5px 0 0 0;
}

#mapa {
width: 265px;
height: 180px;
float: left;
background: url(images/FondoMapa.jpg) repeat-x;
}

#calendario {
width: 260px;
height: 180px;
float: left;
background: url(images/FondoMapa.jpg) repeat-x;
}

#calendario img {
width: 250px;
height: 170px;

margin: 5px 5px 5px 10px;
}

#mapa img {
width: 255px;
height: 170px;
float: right;
margin: 5px 5px 5px 10px;
}

#reserva {
width: 525px;
height: 30px;
}

#espacioreserva {
width: 375px;
height: 20px;
float: left;
}

#espacioboton {
width: 70px;
height: 20px;
float: left;
}

#espacioboton img {
width: 70px;
height: 20px;
margin-top: 5px;
}

#espaciobotonb {
width: 70px;
height: 20px;
float: left;
margin-right: 5px;
}

#espaciobotonb img {
width: 70px;
height: 20px;
margin-top: 5px;

}
/********************************************************************************************/
/*                                       Cada Beneficio                                            */
/********************************************************************************************/



#beneficioscontenido {
width: 550px;
height: 570px;
overflow:auto;
}

#contenidobeneficios {
width: 550px;
height: 180px;
margin: 0px 5px 0px 0px;
float: left;
}

#contenidobeneficiostop {
width: 535px;
height: 130px;
padding: 10px 5px 5px 10px;
font-size: 10pt;
color: black;
}

#textobeneficios {
width: 345px;
height: 140px;
font-size: 10pt;
color: black;
float: left;
paddiing: 0 5px 0 0 ;
font-style: italic;
margin-right: 5px;
}

#barrabeneficio {
width: 540px;
height: 25px;
background: url(images/barraultimoaloj.jpg);
font-size: 10pt;
font-weight: bold;
color:white;
padding: 5px 0 0 10px;
}


#barrabeneficiogrande {
width: 540px;
height: 25px;
background: url(images/barraultimoaloj.jpg);
font-size: 12pt;
font-weight: bold;
color: #FFCC00;
padding: 5px 0 0 10px;
}



#cadabeneficiocontenido  {
width: 535px;
height: 550px;
overflow:auto;
float: left;
margin-right: 5px;
font-size: 10pt;
color: black;
padding: 5px 5px 0 10px;
text-align: justify;
}

#joinuscontenido  {
	width: 180px;
	height: 685px;
	overflow:auto;
	float: left;
	margin-right: 5px;
	font-size: 10pt;
	color: black;
	padding: 5px 5px 0 10px;
	text-align: justify;
}

#descripcionpago  {
	width: 560px;
	height: 150px;
	overflow:auto;
	float: right;
	margin-right: 5px;
	font-size: 10pt;
	color: #000099;
	padding: 10px 20px 20px 10px;
	text-align: justify;
	font: georgia, arial;
}

#formjoinus  {
	width: 560px;
	height: 600px;
	overflow:auto;
	float: left;
	margin-right: 5px;
	font-size: 10pt;
	color: #000099;
	padding: 10px 20px 20px 10px;
	text-align: justify;
	font: georgia, arial;
}

#fotobeneficios {
width: 180px;
height: 110px;
float: left;
}

#fotobeneficios img {
width: 175px;
height: 110px;
}

#fotoabout {
width: 180px;
height: 110px;
float: left;
}

#fotoabout img {
width: 175px;
height: 110px;

}
/********************************************************************************************/
/*                                       Solapas Home                                            */
/********************************************************************************************/

#contact_us  {
width: 535px;
height: 540px;
background: url(images/backcuadros.png) repeat;
overflow:auto;
float: left;
margin-right: 5px;
font-size: 10pt;
color: black;
padding: 5px 5px 0 10px;
text-align: justify;

}


#contact_us1  {
	width: 770px;
	height: auto;
	float: right;
	margin-right: 5px;
	font-size: 10pt;
	color: black;
	padding: 10px 5px 0 10px;
	text-align: left;

}







/********************************************************************************************/
/*                                       Pop-Ups                                            */
/********************************************************************************************/

#consulta {
width: 300px;
height: 300px;
float: left;
}

#gracias {
width: 300px;
height: 300px;
background: url(images/Gracias.jpg);
}

.text_putchico {
float:left;
margin:0px 0px 0px 5px;
width:115px;
}


.cadadescuento {
width: 525px;
height: 140px;
margin: 7px 0px 0px 0px;
}

.contenidocadadescuento {
width: 350px;
height: 140px;
margin: 0px 0px 0px 0px;
float: left;
background: url(images/backroom.png);
}

.barrita {
width: 520px;
height: 20px;
padding: 0 0 0 5px;
background: url(images/back.png);
}

.fotodescuento {
width: 175px;
height: 140px;
float: left;
}

.fotodescuento img {
width: 175px;
height: 140px;
}


/*     Galería    */


div.img
  {
  margin: 2px;
  border: 1px solid #0000ff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  }
div.img img
  {
  display: inline;
  margin: 3px;
  border: 1px solid #ffffff;
  }
div.img a:hover img
  {
  border: 1px solid #0000ff;
  }
div.desc
  {
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 2px;
  }


#wrapper2 {
margin: 0 auto;
width: 800px;
padding: 0;
text-align: left;
background-color: white;
background: url(images/fondogallery.jpg);
}










#header2 {
background: url(images/header2.png) top center no-repeat; 
width: 800px;
height: 50px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: center;
}


#fiestasnueva {
margin: 0 auto;
width: 800px;
padding: 0;
text-align: left;
background-color: black;
}

#Fiestas {
width: 800px;
height: 400px;
background-color: blue;
}

#arriba {
width: 800px;
height: 200px;
}

#discosevento {
width: 390px;
height: 190px;
padding: 5px;
float: left;
background-color: black;
}

#fiestasevento {
width: 400px;
height: 200px;
float: left;
background-color: black;
}

#abajo {
width: 800px;
height: 200px;
}

#discospubl1 {
width: 400px;
height: 200px;
background-color: blue;
float: left;
}

#fiestaspubl1 {
width: 400px;
height: 200px;
background-color: green;
float: left;
}

#afichetopdesc {
width:234px;
height:316px;
padding:10px 0px 0px 0px;
background: url(images/Descuento.jpg) center no-repeat; 
}

.titulobloques {
width: 175px;
height: 15px;
margin: 0px 0 0 5px;
padding-top: 10px;
font-size: 13pt;
color:white;
}

.textobloques {
width: 175px;
height: 10px;
margin: 111px 0 0 5px;
}

.textobloques a {
color:#FFCC33;
}

.titulobloquesa {
width: 173px;
height: 15px;
margin: 0 0 0 7px;
font-size: 13pt;
font-weight: bold;
color:#FFCC33;
}

.textobloquesa {
width: 172px;
height: 50px;
margin: 6px 0 0 8px;
}

.textobloquesa a {
color:#FFCC33;
}

#afichetopcolon {
width:234px;
height:316px;
padding:10px 0px 0px 0px;
background: url(images/colon.jpg) center no-repeat; 
}

#barraargentina {
width: 540px;
height: 22px;
font-size: 16pt;
font-weight: bold;
color: #000000;
padding: 8px 0 0 10px;
}

#textoargentina {
width: 510px;
height: 140px;
font-size: 10pt;
color: #333333;
float: left;
paddiing: 0 5px 0 0 ;
font-style: italic;
margin-right: 5px;
}

#contenidoargentinatop {
width: 535px;
height: 130px;
padding: 10px 5px 5px 10px;
font-size: 10pt;
color: black;
background:repeat; 
}

#noticias {
float: left;
width: 234px;
height: 180px;
background: url(images/noticias.jpg);
}

#textonoticias {
width: 224px;
height: 50px;
margin: 6px 0 0 7px;
}

#titulonoticias {
width: 224px;
height: 20px;
margin: 5px 0 0 7px;
font-size: 13pt;
font-weight: bold;
color:#FFCC33;
}

#stuffbeneficios {
width: 800px;
margin:5px 0px 0px 0px;
height: 750px;
}

#stuffabout {
width: 800px;
margin:5px 0px 0px 0px;
height: 745px;
}

#Textocontacto {
	width: 370px;
	margin:20px 30px 0px 0px;



overflow:10px 10px 10px 10px
height: 50px;
	float: right;
	padding: 0px 0px 10px 10px;
}

#aboutcontenido  {
width: 535px;
height: 550px;
overflow:auto;
float: left;
margin-right: 5px;
font-size: 10pt;
color: black;
padding: 5px 5px 0 10px;
text-align: justify;
}

#Aficheschico {
width:234px;
height:336px;
float: left;
}

#Afichesbeneficios {
width:234px;
height:566px;
float: left;
}