/*   
Theme Name: Hotel Gerra Mayor
Theme URI: http://www.hgerramayor.es
Description: Theme para la p?gina web del hotel Gerra Mayor
Tags: minimal, header, html5
*/

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
Default Layout: 50px / Gutters: 10px / Outer margins: 10px
12 kolommen van 60px 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body {
	background: rgb(82,82,82);
	font-family: "Times New Roman", Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	color: rgb(51,252,255);
}

html {
	margin: 0px;
	padding: 0px;
}

a:link {
	text-decoration: none;
	color: rgb(51,252,255);
	border: 0;
}

a:active {
	text-decoration: underline;
	color: rgb(140,140,140);
	border: 0;
}

a:visited {
	text-decoration: none;
	color: rgb(197,197,197);
	border: 0;
}

a:hover {
	text-decoration: underline;
	color: rgb(197,197,197);
	border: 0; 
}

a:focus {
	outline: none;
}

h1 {
	font-family: Arial;
	font-size: 30px;
	color: rgb(51,255,255);
}

h2 {
	font-family: Arial;
	font-size: 18px;
	color: rgb(51,255,255);
}

h3 {
	font-family: Arial;
	font-size: 14px;
	color: rgb(51,255,255);
}

h4 {
	font-family: Arial;
	font-size: 12px;
	color: rgb(51,255,255);
}

form {
	padding: 0;
	margin: 0;
}

input { 
	color : rgb(51,255,255);
	font-size: 11px;
}

textarea {
	color: rgb(51,252,255);
	font-size: 11px;
}

select {
	color: rgb(51,252,255);
	font-size: 11px;
}
.clr { clear:both; }

/* - - content - - */

#content {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

/* - - Header - - */

.header_logo { 
	width: 960px;
	height: 200px;
	margin: 0px;
	padding: 0px;
}

.header_logo_page { 
	width: 960px;
	height: 200px;
	margin: 0px;
	padding: 0px;
}

.header { 
	width: 960px;
	height: 200px;
	margin: 0px;
	padding: 0px;
	background:url(images/header_bg.png) top no-repeat;
}

.header_page { 
	width: 960px;
	height: 150px;
	margin: 0px;
	padding: 0px;
	background:url(images/header_page.png) top no-repeat;
}

.logo {
	background-image:url(images/logo.png);
	background-repeat: no-repeat;
	width: 300px;
	height: 77px;
	margin: -110px 0px 0px 0px;
	padding: 0;
	border: solid rgb(255,255,255);
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 50px;
	float: none;
}

.logo_page {
	background-image:url(images/logo.png);
	background-repeat: no-repeat;
	width: 300px;
	height: 77px;
	margin: -265px 0px 0px 0px;
	padding: 0;
	border: solid rgb(255,255,255);
	border-top-width: 0px;
	border-right-width: 100px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	float: right;
}

/* - - container - - */

.container {
	width: 960px;
	margin: 0px 0px 0px 0px;
	padding: 0; 
	float: none; 
}

.cntnr {
	width: 650px;
	margin: -20px 0px 0px 0px;
	padding: 0; 
	float: left; 
}

.cntnr_page {
	position: relative;
	width: 650px;
	margin: -150px 0px 0px 0px;
	padding: 0; 
	float: left; 
}

/* - - post - - */

.Post {
	width: 650px;
	margin: 20px 0px 0px 0px;
	padding: 0;
}

.PostHead {
	margin: 0;
	padding: 0px 0px 0px 20px;
	background:url(images/underline.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.PostHead h2 { 
	letter-spacing: 0px;
	color: rgb(51,255,255);
	font: bold 30px "Arial", Times, serif; 
	margin: 0px;
	padding: 20px 0px 50px 30px; 
}

.PostContent {  
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 150px;
	color:rgb(51,255,255);
	text-align:justify;
	font:normal 12px Arial, Tahoma;
}

.PostContent p strong { 
	clear: both;
	margin: 10px 0px 0px 20px;
	padding: 10px 0px 0px 0px;
	color:rgb(51,255,255);
	font:bold 12px Arial, Tahoma;
}

.PostContent p { font-size:12px; color:rgb(51,255,255); padding:0 10px 0 10px;}
.PostContent ol { padding:10px 0 10px 25px; margin:0; }
.PostContent ol li { padding:2px 0 2px 0 ; font-size:12px; line-height:15px; color:rgb(51,255,255);}
.PostContent ul { padding:5px 0 ; margin:0; }
.PostContent ul li { padding:2px 0 2px 15px; list-style-type:circle; font-size:12px; line-height:15px; color:rgb(51,255,255);}
.PostContent blockquote { padding:10px; margin:0; color:#8a867c; background:rgb(95,95,95); }
.PostContent blockquote p { font-size:12px; padding:0; margin:0; line-height:15px; }
.PostContent blockquote li { padding:2px 0 2px 15px; list-style-type:none; font-size:12px; line-height:15px; }
.PostContent blockquote a { color:rgb(51,255,255);}
.PostContent blockquote a:visited { color:rgb(51,255,255);}
.PostContent blockquote a:hover { color:rgb(51,255,255);} text-decoration:underline; }

/* - - content img - - */

.PostContent img { 
	background: rgb(200,200,200);
	border: solid rgb(200,200,200);
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 280px;
	background-repeat: no-repeat;
	background-position: -300px 0px; 
	float: right;
	margin: 10px 10px 10px 300px;
	padding: 0px;
}

.PostContent p img { 
	max-width: 960px;
	background: rgb(200,200,200);
	border: solid rgb(200,200,200);
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 260px;
	background-repeat: no-repeat;
	background-position: -300px 0px; 
	float: right;
	margin-left: 300px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px; 
	padding: 0px;
}

/* - - video - - */

.vr_movie { 
	border: solid rgb(200,200,200);
	border-top-width: 10px;
	border-right-width: 10px;
	border-bottom-width: 10px;
	border-left-width: 230px; 
	float: right;
	margin-left: 300px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom; 10px; 
	padding: 0px;
}

.titulo_movie {  
	float: left;
	margin-left: 230px;
	margin-right: 0px;
	margin-top: 10px;
	margin-bottom; 10px; 
	padding: 0px;
}

/* - - sidebar - - */

.menu { 
	width: 310px;
	margin: -280px 0px 0px 0px;
	padding: 0;
	float: left;
}

.menu_page { 
	position: relative;
	width: 310px;
	margin: -300px 0px 0px 0px;
	padding: 0;
	float: left;
}

.menu_head {
	background-image:url(images/menu_head.png);
	background-repeat: no-repeat;
	width: 280px;
	height: 280px;
	margin: 0px;
	padding: 0px; 
	float: right;
}

.facebook {
	background-image:url(images/facebook.png);
	background-repeat: no-repeat;
	width: 70px;
	height: 80px;
	margin-left: 28px;
	margin-right: 0px;
	margin-top: 60px;
	margin-bottom: 0px;
	padding: 0px;
}

.language {
	background-image:url(images/esp.png);
	background-repeat: no-repeat;
	width: 92px;
	height: 40px;
	margin-left: -20px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
	float: none;
}

.esp {
	background-image:url(images/esp.png);
	background-repeat: no-repeat;
	width: 45px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.eng {
	background-image:url(images/eng.png);
	background-repeat: no-repeat;
	width: 45px;
	height: 40px;
	margin: 0px;
	padding: 0px;
	float: left;
}

.menu_pagelist {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0px;
}

ul.menu_list {
  list-style-type: none;
  margin-left: 20px;
}

ul.menu_list li {
  font-size: 20px;
  padding-bottom: 2px;
  margin: 0;
  font-weight:bold;
}

/* - - footer - - */

.footer {
	width: 960px;
	height: 50px;
	margin-top: 20px;
	padding-left: 50px;
	padding-top: 10px;
	text-align: left;
}

.footer p {
	font-size: 10px;
	color: rgb(255,255,255); 
	padding: 0; 
	margin: 0; 
	font-family: 'Arial';
}

.footer a {
	color: rgb(255,255,255);
	text-decoration: underline;
}


/* - - links template linkpage - - */

.links { 
	margin-left: 150px;
	margin-top: 0px;
	float: left; 
	color:rgb(255,255,255);
	text-align:left;
	font:normal 12px Arial, Tahoma;
}

/* - - img template contactpage - - */

.mapa_gerra_mayor {  
	float: right;
	margin-top: 10px;
	margin-bottom; 10px; 
	padding: 0px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

.Syn { width:400px; float:right;}
.Syn ul { margin:45px 5px 5px 5px; padding:0 10px 0 10px; }
.Syn li {margin:2px 5px 0 0; padding:1px 0 1px 10px; list-style-type:none; color:rgb(255,255,255); font:normal 10px Tahoma, Arial;}
.Syn li a {color:rgb(255,255,255);}
.Syn li a:visited {color:rgb(255,255,255); }
.Syn li a:hover {color:rgb(255,255,255); }

/* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.Note { padding-left: 10px; padding-right:10px; color:rgb(255,255,255); }
.Note li { padding:3px 0 3px 15px; margin:0; list-style-type:none; font-size:12px; }

/* TrackbackList ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.TrackList { background:#f4ebef; padding:15px; margin-top:20px; position:relative; }
.TrackListTop { background:#f4ebef; position:absolute; top:0; left:0; width:455px; height:10px; }
.TrackList h3 { font-size:14px; font-weight:bold; margin:0 0 5px 0; padding:0 0 5px 0; color:#333366; letter-spacing:-1px; border-bottom:dashed 1px #beb4c1; }
.TrackList ul { padding:0; margin:0; }
.TrackList li { padding:0 0 0 10px; margin:0; list-style-type:none; font-size:11px; }
.TrackList li a { color:#cc3366; }

/* Navigation - PlugIn +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.Nav { font-size:11px; padding:10px 0 ; color:#666; font-family:'Verdana'; }
.Nav a { padding:1px 6px 1px 4px; border-right:solid 1px #666; font-size:11px; }
.Nav a:visited { padding:1px 6px 1px 4px; border-right:solid 1px #666; }
.Nav a:hover { padding:1px 6px 1px 4px; border-right:solid 1px #666; text-decoration:none; }
.Nav span { padding:1px 6px 1px 4px; color:#666; border-right:solid 1px #666; }
.Nav .on { padding:1px 6px 1px 4px; border-right:solid 1px #666; font-size:11px; color:#FFF; }

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */