/********************************************
   AUTHOR:  			WOOBSING	 
   WEBSITE:   			http://www.dentalstudio.co/    	
 *******************************************/
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* Top Elements */



* { margin: 0; padding: 0; outline: 0 }


body {
margin:0 auto;
font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
color: #333333; 
padding:0;
/*background-image:url(/images/bg-body.png);
background-position:center top;*/
text-align:center;
}


h1{	
	color: #0B72B5;
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
	}
h2{ color:#fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
h3{
	color:#0B72B5;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}

input {
    border: 1px solid #3083AF;
    color: #777777;
    font: 1em Verdana,sans-serif;
    margin-top: 2px;
    padding: 2px;
}

textarea{
	border: 1px solid #3083AF;
    color: #777777;
    font: 1em Verdana,sans-serif;
    margin-top: 2px;
    padding: 2px;
	}
/********************************************
   LAYOUT
********************************************/ 
.header{
	width:1016px;
	height:auto;
	position:relative;
	margin:0 auto;
	}
	
.header-wrap{
	width:1016px;
	height:auto;
	position:relative;
	margin:0 auto;
	}
	
/*MENU-PRINCIPAL*/
.menu-principal{
	height:35px;
	margin:0 auto;
	position: relative;
	text-align:center;
	width:1016px;
	}

.menu-principal .nav {
	background-image: url("/images/bg-menu.png");
    background-repeat: repeat-x;
    height: 35px;
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 1016px;
    z-index: 300;
	} 

#contenedor {
	height: 35px;
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: auto;
    z-index: 301;
	}

#dropdownmenu { 
	height: 35px;
    list-style: none outside none;
    margin: 0 auto;
    text-align: center;
    width: 988px;
	} 

#dropdownmenu li { 
	border-right: 2px groove #09F;
    display: inline-block;
    height: 35px;
    margin: 0;
    text-align: left;
    width: auto;
	} 

#dropdownmenu li a { 
	color: #fff;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
    height: 7px;
    margin-right: 4px;
    padding: 10px;
    text-decoration: none;
	} 
	

#dropdownmenu li a:hover {
	background-color: #85BBE2;
    color: #fff;
    height: 14px;
    padding: 10px;
	}

#dropdownmenu li ul { 
display:none;
list-style:none outside none;
} 

#dropdownmenu li:hover ul {
	background-color: #86B6DE;
    display: block;
    padding: 10px;
    position: absolute;
    top: 35px;
    width: auto;
	} 

#dropdownmenu li:hover ul li { 
	border-bottom: 2px groove #86B6DE;
    border-right: medium none;
    display: block;
    float: none;
    height: 30px;
    width: auto; 
} 

#dropdownmenu li:hover ul li a { 
color: #fff ;
position:relative;
padding:5px;
margin: 0 auto; 
font-family: "Arial", Helvetica, sans-serif; 
font-size: 11px;
font-weight: bold;
display:block;
height:auto;
} 

#dropdownmenu li:hover ul li a:hover { 
	background: none;
    color: #13235B;
    width: auto;
} 

#dropdownmenu li ul li ul, ul#dropdownmenu li:hover ul li ul { 
display: none; 
margin: 0; 
} 

#dropdownmenu li:hover ul li:hover ul { 
display: block; 
top: 0; 
left: 100%; 
} 


/*END MENU PRINCIPAL*/

/*BANNER*/
.banner{
	background-color: #CCCCCC;
    height: 198px;
    padding: 5px;
    position: relative;
    width: 1006px;
	margin-top:5px;
	}
	
/*MENU SECUNDARIO*/
.menu-secundario{
	position:relative;
	margin-bottom:3px;
	width:1016px;
	}
	
.menu-graphic{
	height: 43px;
    margin-top:5px;
    text-align: center;
    width: 1016px;
    z-index: 300;
	background-image:url(../images/bg-menu-graphic.png);
	background-repeat:repeat-x;
	}

.numero{
	height: 39px;
    position: absolute;
    right: 131px;
    top: 2px;
    width: auto;
	}

.webmail{
	height: 36px;
    position: absolute;
    left: 23px;
    top: 3px;
    width: 46px;
	}

.contacto{
	height: 36px;
    position: absolute;
    left: 80px;
    top: 4px;
    width: auto;
	}

.bandera{
	height: auto;
    position: absolute;
    right: 80px;
    top: 5px;
    width: auto;
	}

.bandera1{
	height: auto;
    position: absolute;
    right: 28px;
    top: 5px;
    width: auto;
	}


/*CONTENIDO*/
.wrap{
	width:1016px;
	height:auto;
	position:relative;
	margin:0 auto;
	background-color:#FFF;
	}
	
.contenido-general{
	margin-top:15px;
	position:relative;
	width:1016px;
	height:auto;
	}

.box-all{
	bottom: 7px;
    height: 255px;
    position: relative;
    width: 1016px;
	}
	
.box1{
	position:relative;
	width:250px;
	height:254px;
	float:left;
	margin-left:6px;
	background-image:url(../images/bg-boxcolorall3.png);
	background-repeat:no-repeat;
	}

.foto-box-color{
	height: 154px;
    left: 18px;
    position: absolute;
    top: 25px;
    width: 216px;
	}

.box2{
	position:relative;
	width:250px;
	height:254px;
	float:left;
	background-image:url(../images/bg-boxcolorall3.png);
	background-repeat:no-repeat;
	}
	
.box3{
	position:relative;
	width:250px;
	height:254px;
	float:left;
	background-image:url(../images/bg-boxcolorall3.png);
	background-repeat:no-repeat;
	}

.box4{
	position:relative;
	width:250px;
	height:254px;
	float:left;
	background-image:url(../images/bg-boxcolorall3.png);
	background-repeat:no-repeat;
	}

.titulo{
	height: 51px;
    left: 90px;
    position: absolute;
    top: -1px;
    width: 146px;
    z-index: 2;
	}
	
.txt-box-color{
	bottom: 18px;
    height: 50px;
    left: 18px;
    position: absolute;
    text-align: left;
    width: 216px;
	}
	
.txt-box-color h2 a{
	color:#13235B;
	text-decoration:none;
	}

.txt-box-color h2 a:hover{
	color:#13235B;
	text-decoration: underline;
	}

	
.txt-box-color-big{
	 height: auto;
    left: 18px;
    position: absolute;
    text-align: left;
    top: 100px;
    width: 216px;
	}
	
.txt-box-color-big h3{
	color: #13235B;
    font-size: 11px;
    text-align: center;
	}
	
.txt-box-color-big a{
	color:#13235B;
	text-decoration:none;
	}

.txt-box-color-big a:hover{
	color: #13235B;
	text-decoration: underline;
	}

.txt-box-color-big p{
	color:#13235B;
	}

.logo-hotels{
	height: 49px;
    left: 15px;
    position: absolute;
    top: 40px;
    width: 222px;
	 }
.foto-oferta{
	height: auto;
    position: absolute;
    right: 8px;
    top: 30px;
    width: auto;
	}
	
.foto-oferta1{
	bottom: 17px;
    height: auto;
    position: absolute;
    right: 7px;
    width: auto;
	}
/*contenido general*/

.box-info{
	position:relative;
	width:1016px;
	height:auto;
	}
	
.noticias{
	display: inline-table;
    height: auto;
    margin-bottom: 10px;
    margin-left: 5px;
    position: relative;
    width: 239px;
	float:left;
	}
.titulo-noticias{
	width:239px;
	height:30px;
	position:relative;
	}
.txt-titulo{
	position: absolute;
    right: 0px;
    top: 0px;
	}
.txt-titulo h2{
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	font-family:"Arial", Helvetica, sans-serif;
	padding:8px;
	}

.txt-titulo h2 a{
	color:#FFF;
	text-decoration:none;
	}
.txt-titulo h2 a:hover{
	color:#FFF;
	text-decoration: underline;
	}
	
.box-noticias{
	position:relative;
	width:235px;
	height:auto;
	border:#ccc 2px solid;
	margin:0 auto;
	}
	
.box-noti{
	height:auto;
	position:relative;
	background-color:#ddd;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	text-align:left;
	font-size: 10px;
    margin: 5px;
    padding: 5px;
    text-align: left;
    width: 215px;
	}

.box-noti h4{
	font-size:8px;
	}
	
.contenido-all{
	 display: inline-block;
    height: auto;
    position: relative;
    width: 1006px;
	}

.secciones-txt{
	margin-bottom: 20px;
    margin-left: 270px;
    position: relative;
    text-align: justify;
    width: 700px;
	}
	
.secciones-txt h2{
	color: #0B72B5;
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
	}
	

.articulo-home{
	  border-right: 1px solid #999999;
    float: left;
    height: 460px;
    margin-left: 10px;
    position: relative;
    width: 240px;
	}
.articulo-home1{
	  border-right: 1px solid #999999;
    float: left;
    height: 460px;
    margin-left: 10px;
    position: relative;
    width: 240px;
	}
.articulo-home2{
	  border-right: 1px solid #999999;
    float: left;
    height: 460px;
    margin-left: 10px;
    position: relative;
    width: 240px;
	}

.txt-titulo1{
	position:relative;
	width:240px;
	height:30px;
	}

.txt-titulo1 h2{
	font-family:"Arial", Helvetica, sans-serif;
	font-size:16px;
	color: #930;
	font-weight:bold;
	padding:0px;
	}

.foto{
	position: relative;
	width:auto;
	height:auto;
	}

.box-articulo{
	height: auto;
    margin-top: 10px;
    position: relative;
    width: 230px;
	}

.box-articulo p{
	font-family:"Arial", Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	}

/*contenido secciones*/
.contenido-secciones{
	position:relative;
	width:725px;
	height:auto;
	padding:15px;	
	}

/*FOOTER*/
.footer{
	margin:0 auto;
	width:1016px;
	height:auto;
	position:relative;
	text-align:center;
	clear:both;
	}
#footer-wrap {
	width: 1016px;
	height:auto;
	position:relative;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom: 0px;
	line-height:normal;
	background:#08072C;
	text-align:left;
}
#footer-wrap a {
	text-decoration: none;
	color: #f95;
	font-weight: normal;
	font-style:italic;
	text-decoration:underline;
}
#footer-wrap a:hover {
	color: #F90;	
}
#footer-wrap p {
	color: #FFFFFF;
    display: inline-block;
    font-size: 11px;
    height: 90px;
    left: 264px;
    position: absolute;
    top: 10px;
    width: 200px;
}

.logo-footer{
	display: inline-block;
    height: 81px;
    margin: 20px;
    position: relative;
    width: 193px;
	}

.logo-voyage-footer{
	height: 100px;
    position: absolute;
    right: 30px;
    top: 22px;
    width: 100px;
	}
.logo-golf-footer{
    height: 100px;
    position: absolute;
    right: 146px;
    top: 22px;
    width: 100px;
	}
.logo-woobsing{
	height: 23px;
    left: 263px;
    position: absolute;
    top: 102px;
    width: 103px;;
	}



/*GOOGLE MAP*/
.mapa-google{
	bottom: 79px;
    height: 350px;
    left: 373px;
    position: relative;
    width: 350px;
	}
	
/*RESERVAS*/

.contenido-general-2 { 
height : auto; 
width : 200px; 
float : right; 
padding-top : 30px; 
display : inline; 
} 

.contenido-general-reservas { 
height : auto; 
width : 640px; 
float : left; 
text-align : justify; 
padding : 15px 20px 20px 20px; 
display : inline; 
}
 
.titulo-principal { 
position : relative;
background-image:url(../images/bg-titulos.jpg);
background-repeat:no-repeat;
width : 700px; 
height : 89px; 
float : left; 
z-index : auto;
margin-bottom:20px;
} 
.titulo-txt{
	height: auto;
    margin-left: 100px;
    padding: 15px;
    width: 550px;
	}
	
.titulo-txt h1 {
	color: #330066;
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 12px;
    z-index: auto;
	text-align:left;
	font-weight:normal;
	padding:0px;
	margin:0px;
} 

.titulo-txt h2{
	text-align:right;
	color:#FFF;
	font-size:14px;
	padding-left:10px;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight:normal;
	}


#content-form { 
position : relative;
float:left;
width :420px; 
height : auto; 
padding-left : 20px; 
margin : 0; 
text-align :center; 
z-index : auto; 
} 
#respuesta-form { 
padding : 5px; 
width : 300px; 
height : auto; 
} 
#content-form b { 
color : #39c; 
font-size : 12px; 
} 
#content-form h3 { 
background-color : #cccccc; 
padding : 7px; 
} 
#content-form p { 
color : #ffffff; 
margin : 10px; 
} 
#content-form-tipodeviaje { 
position : relative; 
clear : both; 
float : left; 
width : 380px; 
height : auto; 
margin-bottom : 5px; 
padding-bottom : 10px; 
text-align : left; 
border-bottom : 1px dotted #cccccc; 
font-size : 14px; 
} 
#content-form-origen { 
width : 380px; 
height : auto; 
padding : 0; 
margin : 0; 
text-align : left; 
margin-bottom : 5px; 
padding-bottom : 10px; 
text-align : left; 
border-bottom : 1px dotted #cccccc; 
} 
#Layer-origen { 
position : absolute; 
left : 250px; 
top : 28px; 
z-index : 20; 
} 
#content-form-destino { 
width : 380px; 
height : auto; 
text-align : left; 
margin-bottom : 5px; 
padding-bottom : 10px; 
text-align : left; 
border-bottom : 1px dotted #cccccc; 
} 
#content-form-destino #Layer-destino { 
position : absolute; 
left : 250px; 
top : 105px; 
z-index : 20; 
} 
#content-form-extras { 
width : 410px; 
height : auto; 
padding : 0; 
margin : 0; 
text-align : left; 
margin-bottom : 5px; 
padding-bottom : 10px; 
text-align : left; 
border-bottom : 1px dotted #cccccc; 
} 
#content-form-extras1{
	width : 410px; 
height : auto; 
padding : 0; 
margin : 0; 
text-align : left; 
margin-bottom : 5px; 
padding-bottom : 10px; 
text-align : left; 
border-bottom : 1px dotted #cccccc; 
}
#resultados-form { 
width : 380px; 
height : 40px; 
padding : 0; 
margin : 0; 
text-align : left; 
margin-bottom : 5px; 
text-align : left; 
} 
#condiciones{
 	clear: both;
    float: left;
    height: auto;
    margin: 0;
    padding: 15px;
    position: relative;
    text-align: left;
    width: 900px;
	}
#condiciones h1{
	font-family:"Arial", Helvetica, sans-serif;
	font-size:12px;
	color: #666  ;
			}
#condiciones h2{
	font-family:"Arial", Helvetica, sans-serif;
	font-size:14px;
	color:#F00;
	}

#content-form-directo { 
width : 180px; 
height : auto; 
padding : 0; 
margin : 0; 
text-align : left; 
margin-bottom : 5px; 
padding-bottom : 10px; 
text-align : left; 
position : relative; 
float : left; 
} 
#content-form-buscar { 
position : relative; 
float : right; 
width : 180px; 
height : auto; 
padding : 0; 
margin : 0; 
text-align : right; 
} 

#resultado-fotothumb { 
	background-color: #08072C;
    float: left;
    height: 300px;
    margin-bottom: 20px;
    margin-left: 20px;
    padding: 5px;
    position: relative;
    text-align: center;
    width: 300px;
} 

#resultado-fotothumb img { 
	height : 193px; 
} 

#resultado-fotothumb h1 { 
	color : #ffffff; 
	font-family : "arial"; 
	font-size : 11px; 
	padding : 0; 
	text-align : left; 
} 

#resultado-fotothumb h2 { 
	color : #999999; 
	font-family : "arial"; 
	font-size : 13px; 
	padding : 2px; 
	text-align : left; 
} 

#nombre-caract-thumb { 
position : absolute; 
bottom : 0; 
width : auto; 
height : auto; 
margin-left : 5px; 
margin-right : 5px; 
padding : 5px; 
} 

#contenido-general-result-busqueda { 
float : left; 
width : 725px; 
height : auto; 
margin-top : 15px; 
margin-left : 10px; 
padding-left : 15px; 
padding-top : 15px; 
padding-bottom : 15px; 
background-color : #f5f5f5; 
overflow : auto; 
} 

.buscador-foto{
	width:1000px;
	text-align:left;
	}

.buscador-foto h2{
	color: #0B72B5;
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
	}


/*cruceros*/

.fotos-laterales{
	float: left;
    height: 479px;
    width: 138px;
	}

.fotos-laterales a{
	display:block;
	}

	
.foto-central{
	float: left;
    height: 479px;
    margin-left: 9px;
    width: 649px; 
	}
	
.box-txt-logo{
	background-color: #003A68;
    float: right;
    height: 479px;
    width: 201px;
	}
	
.logo-crucero{
	width:199px;
	height:141px;
	}
	
.txt-cruceros{
    color: white;
    font-size: 11px;
    height: 318px;
    line-height: normal;
    padding: 10px;
    text-align: left;
    width: 179px;
	}
	
.txt-cruceros a{
 	color: orange;
    font-family: arial;
    font-size: 11px;
    text-decoration: none;
  	}
	
.txt-cruceros a:hover{
 	color: white;
	}
	
/*TARJETAS DE ASISTENCIA*/
.txt-tarjetas-asistencia{
	float: left;
    margin-left: 30px;
    text-align: justify;
    width: 509px;
	}
.formulario-asistencia{
	position: absolute;
    right: 58px;
    text-align: left;
    top: 43px;
    width: 352px;
	}

.formulario-asistencia h2{
	color: #0B72B5;
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 15px;
    font-weight: bold;
	}
	


/*CONTACTENOS*/
.contactenos{
	float: left;
    margin-bottom: 20px;
    text-align: left;
    width: 590px;
	}
	
.contactenos h2{
	color: #0B72B5;
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
	}
	

.google-map{
	float: right;
    width: 400px;
	}