/********************************************
   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;
text-align:center;
}


h1{	
	color: #00632E;
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 25px;
	}
h2{ color:#fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}
h3{
	color:#0B72B5;
	font-size:12px;
	font-family:Arial, "Helvetica", sans-serif;
	}
h4{
	color: #030;
	font-size:8px;
	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 SECUNDARIO*/

.izq-menu{
	height: 66px;
    position: absolute;
    width: 24px;
	left:0px;
	}

.menu-secundario{
	position: relative;
    width: 1016px;
	}
	
.menu-graphic{
	height: 66px;
    margin: 0 auto;
    text-align: center;
    width: 968px;
    z-index: 300;
	background-image:url(/images/bg-menu2.png);
	background-repeat:repeat-x;
	}
	
.like-facebook{
	left: 200px;
    position: absolute;
    top: 31px;
	}	
.facebook{
    height: 36px;
    left: 374px;
    position: absolute;
    top: 22px;
    width: 36px;
	}
.twitter{
	height: 36px;
    left: 418px;
    position: absolute;
    top: 22px;
    width: 36px;
	}

.numero{
	height: auto;
    position: absolute;
    right: 181px;
    top: 17px;
    width: auto;
	}

.webmail{
	height: auto;
    position: absolute;
    right: 23px;
    top: 24px;
    width: auto;
	}

.contacto{
    height: auto;
    position: absolute;
    right: 357px;
    top: 17px;
    width: auto;
	}

.bandera{
	height: auto;
    position: absolute;
    right: 127px;
    top: 24px;
    width: auto;
	}

.bandera1{
    height: auto;
    position: absolute;
    right: 76px;
    top: 24px;
    width: auto;
	}

.der-menu{
	height: 66px;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
	}
	
/*BANNER*/
.banner{
	height: 198px;
    position: relative;
    width: 1016px;
	}

/*FIGURA*/
.figura{
    height: 309px;
    position: absolute;
    top: 25px;
    width: 175px;
    z-index: 999;
	}

	
/*MENU-PRINCIPAL*/
.menu-principal{
	height:40px;
	margin:0 auto;
	position: relative;
	text-align:center;
	width:1006px;
	}


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

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

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

#dropdownmenu li { 
	border-left: 2px groove #97BF0D;
    float: left;
    height: 40px;
    margin: 0;
    text-align: left;
    width: auto;
	}


#dropdownmenu li a { 
	position: relative; 
	display: block;
	padding: 10px;
	font-weight : normal; 
	color: #fff; /*color principal menu*/
	font-family: Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight:bold;
	text-decoration : none;
	height: auto;
	} 
	

#dropdownmenu li a:hover {
	color: #fff; /*color mouse sobre menu principal*/
	background-image: url(../images/bg-menuhover.png);
	background-repeat:repeat-x;
	height:40px;
	}

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

#dropdownmenu li:hover ul {
	background-color:#97BF0D;
	display:block;
	padding:10px;
	position:absolute;
	top:41px;
	width:auto;
	} 

#dropdownmenu li:hover ul li { 
float: none; 
color: #06C ; 
height: auto; 
width: auto; 
border: none;
display:block; 
} 

#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;
border-bottom:1px solid;
} 

#dropdownmenu li:hover ul li a:hover { 
background-color:#FFF;
color: #060;
width:auto;
background-image:none;
} 

#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*/



/*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: 308px;
    position: relative;
    width: 1016px;
	}
	
.box{
	background-image: url("../images/box-color.png");
    background-repeat: no-repeat;
    float: left;
    height: 308px;
    margin-left: 0;
    position: relative;
    width: 253px;
	}

.titulo{
	height:auto;
    left: 73px;
    position: absolute;
    top: 21px;
    width:auto;
    z-index: 2;
	}
	
.titulo h2{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	}
	
.txt-box-color{
	top: 90px;
    height: 200px;
    left: 18px;
    position: absolute;
    text-align: left;
    width: 224px;
	}
	
.txt-box-color h2{
	text-align:center;
	color: #00632E;
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 25px;
	}

	
.txt-box-color a{
	color: #C30;
	text-decoration:none;
	}

.txt-box-color a:hover{
	color:#000;
	text-decoration: underline;
	}

.txt-box-color1{
	top: 90px;
    height: 200px;
    left: 18px;
    position: absolute;
    text-align: left;
    width: 224px;
	}
	
.txt-box-color1 h2{
	text-align:center;
	color: #00632E;
    font-family: "Arial",Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 25px;
	}

	
.txt-box-color1 a{
	color:#000;
	text-decoration:none;
	}

.txt-box-color1 a:hover{
	color:#C30;
	text-decoration: underline;
	}


	
/*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: auto;
	height: auto;
	position:relative;
	}
.txt-titulo{
	position: absolute;
    right: 0px;
    top: 0px;
	}
.txt-titulo h1{
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	font-family:"Arial", Helvetica, sans-serif;
	padding:8px;
	}

.txt-titulo h1 a{
	color:#FFF;
	text-decoration:none;
	}
.txt-titulo h1 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;
	}

.noticias-txt{
	width:950px;
	height:auto;
	text-align:left;
	margin: 0 auto;
	}
	
.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: 730px;
	}



/*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 {
	background-image: url("../images/bg-footer.png");
    background-repeat: no-repeat;
    height: 100px;
    line-height: normal;
    position: relative;
    text-align: left;
    width: 1016px;
}

#footer-wrap h5 {
    color: #FFFFFF;
    display: inline-block;
    font-size: 11px;
    height: auto;
    left: 138px;
    position: absolute;
    top: 10px;
    width: auto;
}

.logo-footer{
    height: auto;
    left: 20px;
    position: absolute;
    top: 3px;
    width: auto;
	}

.logo-voyage-footer{
	height: auto;
    position: absolute;
    right: 30px;
    top: 30px;
    width: auto;
	}
.logo-world{
	height:  auto;
    position: absolute;
    right: 120px;
    top: 42px;
    width: auto;
	}
.logo-iagto{
	height: auto;
    position: absolute;
    right: 247px;
    top: 43px;
    width: auto;
	}
.logo-woobsing{
    height: auto;
    left: 211px;
    position: absolute;
    top: 66px;
    width: auto;
	}



/*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;
	}


/*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: 340px;
    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;
	}

/*CONTACTENOS*/
.contactenos{
	float: left;
    margin-bottom: 20px;
    text-align: left;
    width: 590px;
	}
.google-map{
	float: right;
    width: 400px;
	}