@import "reset.css";

body				{ margin:auto;}
p					{ font-family:Tahoma, Geneva, sans-serif; color:#333; margin:10px 0; font-size:11px;}
#contenedor			{ width:980px; margin:auto; overflow:hidden;}
#contenidos			{ width:980px; height:495px; overflow:hidden;}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

Cabecera y Menu

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#header				{width:980px; height:135px;}

h1					{ display:block; width:286px; height:79px; background:url(../img/logo.jpg) no-repeat; text-indent:-9999px; margin-top:25px; float:left;}

#menu				{ float:right;}
#menu li			{ position:relative; width:75px; height:85px; float:left; margin-left:15px; text-align:center;}
#menu a				{ display:block; width:75px; height:45px; position:absolute; top:-5px; left:0; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#333; padding-top:40px; text-align:center;}
#menu a:hover		{ background:#333; color:#FFF;}
#actual				{ background:#333!important; color:#FFF!important; top:0!important;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

Home

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/


#contenedorSlider	{ width:565px; height:495px; position:absolute; left:0; top:0;}
#txt				{ width:375px; height:495px; position:absolute; left:565px; top:0; padding:0 20px;}
h2					{ color:#333; font-size:40px;}

#carrusel			{ height:495px; width:2260px;}
.mascara			{ overflow:hidden; width:565px; height:495px; z-index:90;}
.slide				{ width:565px; height:495px; float:left;}

.descripcion		{ width:535px; height:72px; position:absolute; top:403px; left:0; background:#000; color:#FFF; padding:20px 0 0 30px;}
.descripcion p		{ font-size:10px; color:#FFF; width:240px; border-right:1px solid #4E4E4E; padding-right:20px;}
h3					{ font-size:27px; width:310px; height:27px; position:absolute; bottom:20px; right:30px; text-align:right;}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

Tours

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#contenedorTours	{ width:784px; height:495px;  position:absolute; left:0; top:0;}
#imgTours			{ width:2792px; height:495px;}
#textosTour			{ width:395px; height:495px; position:absolute; left:349px; top:0; padding:0 20px;}
.destacado			{ background: #ececec; padding:5px 10px; margin:20px 0;}
.destacado p		{ font-style:italic; font-family:Georgia, "Times New Roman", Times, serif;}
#submenu			{ width:196px; height:495px;  position:absolute; left:784px; top:0; background:#F0EFEF;}
#submenu li			{ width:196px; height:30px;}
#submenu a			{ width:176px; height:9px; border-bottom: 1px solid #E3E3E3; display:block; color:#333; font-family:Tahoma, Geneva, sans-serif; font-size:10px; padding:10px;}
.ultimo				{ border:none!important;}
#activo				{ background:#333!important; color:#FFF!important;}

.mascaraTours		{ width:349px; height:495px; position:absolute; left:0; top:0; overflow:hidden;}
.slideInterior		{ width:349px; height:495px; float:left;}

.descripcionInterior		{ width:309px; height:25px; position:absolute; top:430px; left:0; background:#000; color:#FFF;  padding:20px;}
.descripcionInterior p		{ font-size:10px; color:#FFF; margin:0;}


.foto				{ width:349px; height:495px;}

h4					{ font-size:20px; color:#333; margin:10px 0 20px 0; }

.aleman				{ font-size:38px!important}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

Referencias

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.cita				{ font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; border-top: 1px solid #CCC; margin-top:15px; padding-top:15px;}
h5					{ font-size:14px; margin:20px 10px;}

#textosRef			{ height:495px; left:299px; padding:0 20px; position:absolute; top:0; width:395px;}

#listado			{ width:246px; height:495px;  position:absolute; left:734px; top:0; background:#F8F8F8;}
#listado li			{ border-bottom: 1px solid #EEEEEE; font-size:10px; font-family:Tahoma, Geneva, sans-serif; color:#333; padding:7px; .padding:4px;}
#listado a			{ font-size:10px; font-family:Tahoma, Geneva, sans-serif; color:#333;}
#listado a:hover	{ color:#CC0001;}

.fotoReferencias	{ height:495px; left:0; position:absolute; top:0; width:299px;}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

Links

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#contenedorLinks	{ width:784px; height:495px;  position:absolute; left:0; top:0;}
#imgLinks			{ width:349px; height:495px; position:absolute; left:0; top:0;}
#textosLinks		{ width:395px; height:495px; position:absolute; left:349px; top:0; padding:0 20px;}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

Contacto

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

#maps				{ width:539px; height:495px; position:absolute; left:0; top:0;}
#contenedorContacto	{ width:309px; height:455px; position:absolute; left:0; top:0; padding:40px 20px 0; background:#F0EFEF;}

#contenedorContacto_aleman { width:309px; height:455px; position:absolute; left:0; top:0; padding:40px 20px 0; background:#F0EFEF;}

#nombre, #email		{ width:307px; background:#FFF; border: 1px solid #dcdcdc; font-family:Tahoma, Geneva, sans-serif; color:#333; font-size:11px;}
label				{ font-family:Tahoma, Geneva, sans-serif; color:#333; font-size:10px;}
#contenedorContacto textarea			{ width:307px; height:168px; background:#FFF; border: 1px solid #dcdcdc; font-family:Tahoma, Geneva, sans-serif; color:#333; font-size:11px;}

#contenedorContacto_aleman textarea			{ width:307px; height:148px; background:#FFF; border: 1px solid #dcdcdc; font-family:Tahoma, Geneva, sans-serif; color:#333; font-size:11px;}
#boton				{ background:#333; color:#FFF; border:none; font-size:10px; cursor:pointer; float:right;}

#contactoForm		{ margin:20px 0 0 0;}
#contactoForm div	{ margin:10px 0; .margin:0;}

#txtContacto		{ width:591px; height:495px; padding:0 20px; position:absolute; top:0; left:349px;}
h5.contact			{ margin:20px 0!important;}




/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

Footer

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/




#footer				{ width:960px; height:20px; text-align:right; padding:10px; border-top: 1px solid #333; margin-top:20px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#333;}
#footer	a.link			{ font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#333; margin:0 4px;}
#footer	a.link:hover		{ color:#CC0001;}

#footer	a.links				{ font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#333; margin:0 5px; font-weight:bold; text-decoration:underline;}
#footer	a.links:hover		{ color:#CC0001;}

#esp				{ position:absolute; top:10px; left:0;  width:70px; height:11px; display:block; text-align:right; border-right:1px solid #333333; padding-right:10px;}
#eng				{ position:absolute; top:10px; left:73px; width:70px; height:11px; display:block; text-align:right; border-right:1px solid #333333; padding-right:10px;}
#ger				{ position:absolute; top:10px; left:149px; width:70px; height:11px; display:block; text-align:right; border-right:1px solid #333333; padding-right:10px;}
#fr				{ position:absolute; top:10px; left:224px; width:70px; height:11px; display:block; text-align:right;}

#esp a				{ font-size:9px; font-family:Arial, Helvetica, sans-serif; width:50px; height:11px; display:block; padding-right:20px; background:url(../img/esp.gif) no-repeat right center; color:#333;}
#eng a				{ font-size:9px; font-family:Arial, Helvetica, sans-serif; width:50px; height:11px; display:block; padding-right:20px; background:url(../img/eng.gif) no-repeat right center; color:#333;}
#ger a				{ font-size:9px; font-family:Arial, Helvetica, sans-serif; width:50px; height:11px; display:block; padding-right:20px; background:url(../img/ger.gif) no-repeat right center; color:#333;}
#fr a				{ font-size:9px; font-family:Arial, Helvetica, sans-serif; width:50px; height:11px; display:block; padding-right:20px; background:url(../img/fr.gif) no-repeat right center; color:#333;}

#esp p				{ margin:0;}
#eng p				{ margin:0;}
#ger p				{ margin:0;}
#fr p				{ margin:0;}