@charset "utf-8";
/* CSS Document */
body
{
	background-color: #f4f4f4;
	color: #555;
	font-family: "Droid Serif", Georgia, serif;
	font-size: 13px;
	line-height: 1.3em;
	margin: 0;
	padding: 0;
}

#framecontainer {margin:10px auto;height:auto;width:980px;}
#webcontainer {margin:auto;height:auto;}

#contentweb{clear:both;margin-top:20px;width:100%;height:auto;background:#fff;}
#footcontent{clear:both;width:100%;height:35px;background:#6a5948 url(http://www.hoteloportelorural.com/images/fondo_menu.png) top left repeat-x;color:#fff;font-weight:400;text-align:center;line-height:15px;vertical-align:middle; padding:5px 0px;}
#footcontent p.textopiecontenido{margin:10px auto;}
#foot{clear:both;width:100%;min-height:50px !important;height:auto;background:#fff;color:#888;}


/********************************************************************************************* 
HEADER - Contenidos cabecera web
*********************************************************************************************/
#header{clear:both;width:100%;height:100px;}
#logo {float:left;width:400px;margin:5px;height:auto;}
#logo p.logodescripcion {clear:left;float:left;margin:5px;font-size:16px;font-weight:400;font-style:italic;color:#555;line-height: 0.75em;}
#logo img.logoweb {border:0px;margin:5px;}
#informacion {float:right;width:400px;margin:5px;height:auto;}
#menuidiomas {float:right;width:100%;height:40px;font-size:14px;font-weight:500;text-align:right;}
#menuidiomas img{border:0px;margin:0px 5px;vertical-align:middle;}
#informacion p.infodescripcion {clear:both;margin:5px;font-size:12px;color:#555;line-height: 0.85em;text-align:right}
#menuidiomas a.enlaceidioma:active, #menuidiomas a.enlaceidioma:link, #menuidiomas a.enlaceidioma:visited {color:#555;text-decoration:none;}
#menuidiomas a.enlaceidioma:hover{text-decoration:underline;}
.idiomaseleccionado{color:#069;text-decoration:underline;font-weight:600;}

/********************************************************************************************* 
MENU - Diseño
*********************************************************************************************/
#menu{clear:both;width:100%;height:45px;background:#6a5948 url(http://www.hoteloportelorural.com/images/fondo_menu.png) top left repeat-x; border-top:solid 1px #6a5a4a;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	}
	
	#nav {float:left;padding:0 0 0 0px; margin:0px 0 0 0px;  width:100%; height:40px;}
	#nav ul {margin:0px;list-style:none;padding:0 0 0 30px;}
	#nav li {display: inline;float:left; margin:2px 25px 0 0;cursor:pointer;font-size:17px;font-weight:500}
	#nav li a {display:block; height:38px; line-height:38px; padding:0 10px 0 15px; float:left; color:#fff; text-decoration:none;  }
	#nav li a b {display:block; height:38px; float:left;}
	#nav li a:hover,
	#nav li a:active,
	#nav li a:focus,
	#nav li.opcionseleccionada a 
	{ color:#f5d876; font-weight:500;cursor:pointer;}	
	
/********************************************************************************************* 
CONTENIDOS PORTADA - Diseño
*********************************************************************************************/
.gridbreak {clear:both;width:100%;margin:0px;}
.grid {clear:left;width:100%;margin:10px auto;}
.margin10{margin:10px;}
.margint10{margin:10px auto;}
.margint20{margin:20px auto;}
.marginder {margin-right:10px;}
.marginizq {margin-left:10px;}
.grid225 {float:left; width:225px;}
.grid306 {float:left; width:306px;}
.grid715 {float:left; width:715px;}
.grid470 {float:left; width:470Px;}
.grid960{float:left; width:960Px;}

.titulosdestacado{color:#333;font-size:14px;text-align:left;margin:5px 0px;font-weight:700;}
h1.titulosdestacado{color:#333;font-size:14px;text-align:left;margin:5px 0px;font-weight:700;}
.imagendestacado {border:0px;margin:5px 0px;}
.descripciondestacado {margin:5px 0px;text-align:justify;color:#333;}
.enlacesdestacado {margin:5px 0px;text-align:justify;color:#069;font-size:12px;font-weight:400;}
.green {color:#090;}
#contentweb p {text-align:justify;}
h1 {font-size:22px; font-weight:800; color:#444;}
.negrita {font-weight:bold;}
.fondogris {background-color: #f1f1f1;}
.pequeno {font-size:11px;}
a.enlaces:active, a.enlaces:link, a.enlaces:visited {color:#069;text-decoration:none;}
a.enlaces:hover{text-decoration:underline;}
#map_canvas {float:left;width:470px;margin:0;height:350px;}


/********************************************************************************************* 
PIE WEB
*********************************************************************************************/
#foot ul.mapaweb {list-style:none;line-height:25px;font-weight:400;margin:0px;padding:0px;margin-top:10px;}
.centrado {text-align:center;}
a.enlacesblancos:active, a.enlacesblancos:link, a.enlacesblancos:visited {color:#fff;text-decoration:none;}
a.enlacesblancos:hover{text-decoration:underline;}
a.enlacesgris:active, a.enlacesgris:link, a.enlacesgris:visited {color:#777;text-decoration:none;}
a.enlacesgris:hover{text-decoration:underline;}
#foot img{border:0px;margin:0px 5px;vertical-align:middle;}
.doblespacio {line-height:25px;}

#barraaviso {display:none;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:40px;background: #333333;color:#dddddd;z-index: 99999;}

.botoncookie {padding:4px;background:#4682B4;text-decoration:none;color:#fff;}