/* Elementos que queremos limpiar completamente: */

* {
	margin: 0;
	padding: 0;
	border: none;
}

html {
	text-shadow: #000 0px 0px 0px;/* Elimina el efecto bold en Safari */
	color:#000;
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
}

p{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#000;
	text-align:left;
	margin-bottom:12px;
	line-height:150%;
}

li{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	color:#FFF;
	text-align:left;
	margin-bottom:7px;
	line-height:150%;
	list-style-image:url(../images/listado.jpg);
}


ul {
	list-style: none;
	list-style-type: none;
}

/* Ajustes tipográficos */


cite, em, dfn {
	font-style: italic;
}

sup {
	position: relative;
	bottom: 7px;
	vertical-align: baseline;
}

sub {
	position: relative;
	bottom: -0.6px;
	vertical-align: baseline;
}

li, dd, blockquote {
	margin-left: 16px;
}

code, kbd, samp, pre, tt, var, input[type='text'], textarea {
	font-size: 11px;
	font-family: monaco, "Lucida Console", courier, mono-space;
}

del {
	text-decoration: line-through;
}

ins, dfn {
	border-bottom: 1px solid #ccc;
}

small, sup, sub {
	font-size: 9px;
}

abbr, acronym {
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: .4px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

a abbr, a acronym {
	border: none;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

h1, h2, h3{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#AE3A2B;
	font-style:normal;
	font-weight:normal;
}

h1 {
	font-size: 30px;
	text-align:left;
	margin-bottom:15px;
}

h2 {
	font-size: 22px;
	text-align:left;
	margin:20px 0 8px 0;
}

h3 {
	font-size: 18px;
	text-align:left;
	margin:20px 0 8px 0;
}

/*** LINKS: Recuerda utilizar siempre la regla del LoVe-HAte ***/

a, a:link, a:visited, a:hover, a:active {
	/*
	Si quisieramos eliminar la línea de puntos que aparece al pulsar un enlace, aplicaríamos la siguiente propiedad:

	outline: 0;

	Sin embargo no se recomienda, por temas de accesibilidad para navegación con teclado (lo cual implica temas legales, un tema peliagudo).
	*/
	text-decoration: none;
}

a img {
	border: none;
	text-decoration: none;
}

img {
	border:2px solid #C4BAAE;
	text-decoration: none;
	/*
	Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga
	*/
}

/* Formularios */

label, button {
	cursor: pointer;
}

input:focus, select:focus, textarea:focus {
	background-color: #FFF;
}

fieldset {
	border: none;
}


body {
	text-align: center;/* Hack para que IE6 no de problemas */
	background-color:#12281c;
}

.fondo{
	width:100%;
	height:100%;
	background-image:url(../images/fondo_rio.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding-bottom:80px;
}

.wrapper {
	margin: 0 auto;
	width:1000px;
	height:auto;
	overflow:hidden;
}

.sub_wrapper{
	padding:30px 30px 60px;
	height:auto;
	overflow:hidden;
	background-image:url(../images/fondo_subwrapper.png);
	background-repeat:repeat-y;
	border-top:8px solid #606D11;
}

img#galeria{
	margin:0 10px 10px 0;
	border:2px solid #C4BAAE;
	float:left;
}

.columna_menu{
	width:199px;
	height:auto;
	overflow:hidden;
	float:left;
}

.bloque_menu{
	width:199px;
}

	.bloque_menu li{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:20px;
		background:#D9BF61;
		padding:16px 0;
		margin-bottom:5px;
		text-align:center;
		list-style:none;
		margin-left:0;
		width:199px;
		line-height:110%;
	}

		.bloque_menu li#otro{
			font-size:16px;
			line-height:110%;
			background-color:transparent;
		}

			.bloque_menu li#otro a{
				text-decoration:underline;
			}

		.bloque_menu li#active, .bloque_menu li#otro{
			background:#42210B;
		}

		.bloque_menu li#active2{
			background: #42210b; /* Old browsers */
			background: -moz-linear-gradient(top,  #42210b 0%, #853c0b 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#42210b), color-stop(100%,#853c0b)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #42210b 0%,#853c0b 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #42210b 0%,#853c0b 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #42210b 0%,#853c0b 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #42210b 0%,#853c0b 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42210b', endColorstr='#853c0b',GradientType=0 ); /* IE6-9 */
		}
		.bloque_menu li#active2 a{
			color:#FFF;
		}


		.bloque_menu li#active a, .bloque_menu li#otro a{
			color:#FFF;
		}


	.bloque_menu a{
		color:#42210B;
	}

	.bloque_menu a:hover{
		color:#42210B;
		text-decoration:underline;
	}


.encabezado{
	width:100%;
	/*height:606px;	*/
}

.encabezado .dolcevitaslide { display: none; }

.slideshow{
	width:100%;
	height:auto;
	margin:0 auto;
    overflow: hidden;
}

.slideshow img {
    border: none;
    display: none;
}

.columna_contenido{
	width:650px;
	height:auto;
	overflow:hidden;
	float:right;
	padding:30px;
	background:#FFF;
	border-top:8px solid #AEEBE4;
	border-bottom:8px solid #AEEBE4;
}

	.columna_contenido li{
		list-style-image:url(../images/listado.png);
		list-style-position:outside;
		margin-left:30px;
		color:#000;
		font-size:16px;
	}

	.columna_contenido img{
		float:left;
		margin:0 27px 27px 0;
		border:1px solid #606D11;
        height:137px;
        width: 192px;
	}

	.columna_contenido img#last{
		float:left;
		margin:0 0 27px 0;
	}

	.previaje{
		text-align:center;
		border-bottom:none;
		margin-bottom: 10px;
	}
	.previaje h3{
		text-align:center !important;
	}
	.previaje img{
		border:none;
		float:none;
		height:75px;
		width:200px;
	}

.columna_fotos{
	width:975px;
	height:87px;
	clear:both;
	padding:25px 0 0 25px;
}

	.columna_fotos img{
		float:left;
		margin:0 17px 17px 0;
		border:1px solid #606D11;
	}

.left{
	float:left;
	margin-right:20px;
}

.right{
	float:right;
}

#tres_col{
	width:190px;
}

#dos_col{
	width:286px;
	margin-top:10px;
}

#dos_col_segunda{
	width:286px;
	margin:10px 0 0 40px;
}

.pie{
	width:1000px;
	height:auto;
	background-color:#606D11;
	clear:both;
}

	.pie p{
		font-family:"Times New Roman", Times, serif;
		font-size:20px;
		text-align:center;
		line-height:150%;
		padding:10px 0;
		font-weight:bold;
		margin-bottom:0;
		color:#FFF;
	}

	.pie a{
		color:#FFF;
		text-decoration: underline;
	}

	.pie a:hover{
		text-decoration:underline;
	}



.pie_sub{
	width:1000px;
	height:17px;
	background-image:url(../images/pie_sub.png);
	background-repeat:no-repeat;
	margin-bottom:50px;
}


.formulario{
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:15px;
		color:#000;
		width:450px;
		margin:0 auto;
		height:auto;
		overflow:hidden;
	}

		.formulario h3{
			background:#606D11;
			color:#FFF;
			font-weight:bold;
			text-align:center;
			padding:1px;
			margin-top:0;
		}

		.formulario #texto{
			width:81px;
			height:30px;
			float:left;
			margin:10px 0 5px 0;
			padding-top:5px;
			text-align:left;
		}

		.formulario #campo{
			width:350px;
			height:35px;
			float:right;
			margin:10px 0 5px 0;
		}

			.formulario #campo input, .formulario #campo textarea{
				border:1px solid #B39242;
				width:344px;
				height:29px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:14px;
				color:#333;
				padding:2px;


			}

		.formulario select{
			height:33px;
			border:1px solid #B39242;
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			color:#333;

		}

.boton{
	margin-top:15px;
	width:88px;
	height:31px;
	background:#D9BF61;
	cursor:pointer;
}

#map{
	color:#000;
	font-size:12px;
	width:636px;
	height:365px;
	border:1px solid #EADCBF;
	padding:2px;
}

.texto_izquierda{
	background:#EADCBF;
	border-top:8px solid #42210B;
	padding:14px;
	margin-top:30px;
}

	.texto_izquierda a:link{
		color:#AE3A2B;
	}

	.texto_izquierda a:hover{
		text-decoration:underline;
	}
li.sublink{
	background:#7f4a27;
	margin-left:15px;
	padding:12px 0;
	width:169px;
}
	li.sublink a{
		color:#fff;
	}

#mobilemenu { display: none; }

@media screen and (max-width: 999px){
	body * {box-sizing:border-box;}

	.encabezado, .slideshow {
		height: auto;
		position: relative;
	}

	.encabezado .dolcevitaslide {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 99;
		width: 100%;
		border: 0;
	}


	.columna_contenido img {
        height: auto;
        margin: 0 0 27px 0;
		max-width: 100% !important;
        width: 100%;
	}
    .columna_contenido #dos_col, .columna_contenido #dos_col_segunda {
		float: none;
		width: 100%;
		margin: 10px 0 0 0;
	}

	.columna_contenido .left, .columna_contenido .right {
		float: none;
	}

	.columna_contenido .left:after, .columna_contenido .right:after {
		display: table;
		content: "";
		clear:both;
	}

	.slideshow .slidesjs-slide {
		border: 0 !important;
	}

	.columna_fotos img {
		float: none;
		display: inline-block;
		margin: 5px;
	}

	#map {
		width: 100%;
	}

	.formulario {
		width: 100%;
	}
}

@media screen and (min-width: 700px) and (max-width: 999px){
	.slideshow, .wrapper {
		width: 100%;
		min-width: 700px;
		max-width: 999px;
	}

	.columna_menu {
		width: 30%;
	}

	.bloque_menu, .bloque_menu li {
		width: 99%;
	}

	.columna_contenido {
		width: 60%;
	}

	.columna_contenido img#last, .columna_contenido img.last {
		margin: 0 27px 27px 0;
	}

	.columna_fotos {
		width: 100%;
		min-width: 700px;
		max-width: 999px;
		height: auto;
		text-align: left;
	}

	.pie {
		width: 100%;
		min-width: 700px;
		max-width: 999px;
	}
}

@media screen and (max-width: 699px){

	.slideshow, .wrapper {
		width: 100%;
	}

	.sub_wrapper {
		padding: 10px 10px 20px 10px;
	}

	.columna_menu { display: none; }

	.columna_contenido {
		width: 100%;
	}

	.columna_fotos {
		width: 100%;
		height: auto;
		text-align: left;
		padding-left: 0;
	}

	.columna_fotos:after {
		display: table;
		content: "";
		clear: both;
	}

	.columna_contenido .left, .columna_contenido .right {
		text-align: center;
	}

	.columna_contenido .left img, .columna_contenido .right img{
		float: none;
	}

	.formulario #campo, .formulario #texto {
		float: none !important;
	}

	.formulario #campo:after, .formulario #texto:after {
		display: table;
		content: "";
		clear: both;
	}

	.formulario #texto {
		margin-left: 0 !important;
	}

	.formulario #campo, .formulario #campo input, .formulario #campo textarea {
		width: 100%;
	}

	.formulario #botonenviar {
		width: 100% !important;
		float: none !important;
	}

	.pie {
		width: 100%;
	}

	.pie > a:first-of-type > img {
		float: none !important;
	}

	.pie_sub { display: none; }

	/* Menu */
	#mobilemenu { display: block; }

	.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; }
	.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
	.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
	.slicknav_menu .slicknav_no-text { margin: 0 }
	.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
	.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
	.slicknav_nav { clear: both }
	.slicknav_nav ul,
	.slicknav_nav li { display: block; font-size: 1.5em; }
	.slicknav_nav li.sublink { padding: 0 0 0 15px; background: none; }
	.slicknav_nav li.sublink a { color: #42210B; }
	.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
	.slicknav_nav .slicknav_item { cursor: pointer; }
	.slicknav_nav .slicknav_row { display: block; }
	.slicknav_nav a { display: block }
	.slicknav_nav .slicknav_item a,
	.slicknav_nav .slicknav_parent-link a { display: inline }
	.slicknav_brand { float:left }
	.slicknav_menu:before,
	.slicknav_menu:after { content: " "; display: table; }
	.slicknav_menu:after { clear: both }
	/* IE6/7 support */
	.slicknav_menu { *zoom: 1 }

	/*
		User Default Style
		Change the following styles to modify the appearance of the menu.
	*/

	.slicknav_menu {
		font-size:16px;
		box-sizing:border-box;
	}
	.slicknav_menu * {
	  box-sizing:border-box;
	}
	/* Button */
	.slicknav_btn {
		margin: 5px 5px 6px;
		text-decoration:none;
		text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background-color: #42210B;
	}
	/* Button Text */
	.slicknav_menu  .slicknav_menutxt {
		color: #FFF;
		font-weight: bold;
		text-shadow: 0 1px 3px #000;
	}
	/* Button Lines */
	.slicknav_menu .slicknav_icon-bar {
	  background-color: #f5f5f5;
	}
	.slicknav_menu {
		background: #D9BF61;
		padding:5px;
		margin-bottom: 15px;
	}
	.slicknav_nav {
		color:#fff;
		margin:0;
		padding:0;
		font-size:0.875em;
	}
	.slicknav_nav, .slicknav_nav ul {
		list-style: none;
		overflow:hidden;
	}
	.slicknav_nav ul {
		padding:0;
		margin:0 0 0 20px;
	}
	.slicknav_nav .slicknav_row {
		padding:5px 10px;
		margin:2px 5px;
	}
	.slicknav_nav a{
		padding:5px 10px;
		margin:2px 5px;
		text-decoration:none;
		color:#42210B;
	}
	.slicknav_nav .slicknav_item a,
	.slicknav_nav .slicknav_parent-link a {
		padding:0;
		margin:0;
	}
	.slicknav_nav .slicknav_row:hover {
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		background:#ccc;
		color:#fff;
	}
	.slicknav_nav a:hover{
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		background:#ccc;
		color:#222;
	}
	.slicknav_nav .slicknav_txtnode {
		margin-left:15px;
	}
	.slicknav_brand {
		color:#fff;
		font-size: 18px;
		line-height:30px;
		padding:7px 12px;
		height:44px;
	}


    #whatsweb{
         display: none;
    }

    #whatsmob{
        display: inline !important;
    }

    #whatsmob img{
        width:100%;
    }

}


.whatsapp {
  position:fixed;
  width:80px;
  height:80px;
  bottom:100px;
  right:40px;
  border-radius:50px;
  text-align:center;
  z-index:100;
}
.whatsapp_text{
    bottom: 150px;
    color:#25D366;
    font-size:16px;
}
#whatsmob{display: none;}
#whatsweb img{
    width:80px;
}
#redes{
    background-color: rgba(255, 255, 255, 0.8);
    color: rgba(255, 255, 255, 0.8);
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    top:0;
    z-index: 999;
}
#redes img{
    float: right;
    position: relative;
    right: 40px;
    width:30px;
}