/**
* Color Azul corporativo: #004b9a.
*/
	body {
		background: #f3f3f3;
	} 
	#page {
		margin-top: 15px;
		margin-bottom: 15px;
		border: 1px solid #e3e3e3;
		background: #ffffff;
	}

/* CABECERA. */
	#header {
		margin: 0px;
		padding: 10px;
		background: #FFFFFF;
	}
	div.header__name-and-slogan {
		float: right;
	}
	div#site-slogan {
		font-family: 'Covered By Your Grace';
		font-size: 26px;
		color: #000000;
		text-transform: uppercase;
		margin-top: 22px;
	}



/* CONTENEDOR PRINCIPAL. */
	#main {
		padding: 0;
		position: relative;
	}
	#content, .sidebars {
		margin-top: 450px;
	}



/* MENU PRINCIPAL. */
	#navigation {
		position: absolute;
		display: block;
		top: 0;
		height: auto;
		overflow: hidden;
		width: 100%;
		padding: 0;
	}
	#main-menu {
		display: block;
		position: absolute;
		top: 0;
		width: 100%;
		background-color: rgba(0, 0, 0, 0.4);
		background: rgba(0, 0, 0, 0.4);
		color: rgba(0, 0, 0, 0.4);
		overflow: hidden;
		margin: 0px;
	}
	#navigation .links li {
		font-family: 'Roboto Condensed';
		float: left;
		padding: 0px;
		list-style-type: none;
		list-style-image: none;
	}
	#navigation .links a, #navigation .links a:link, #navigation .links a:visited{
		display: block;
		padding: 12px 20px;
		color: #ffffff;
		text-decoration: none;
		font-size: 140%;
	}
	#navigation .links a:hover{
		background-color: rgba(90, 89, 0, 0.4);
		background: rgba(90, 89, 0, 0.4);
		color: #ffffff;
	}
	#navigation .links a.active{
		background: #d0b519;
		background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#d7bb1a), to(#baa116))
	}


/* IMAGEN CABECERA. */

	.img-cabecera span {
		display: block;
		float: right;
		position: absolute;
		background-color: rgba(0, 0, 0, 0.4);
		background: rgba(0, 0, 0, 0.4);
		color: #ffffff;
		padding: 12px 20px 20px 15px;
		font-family: 'Roboto';
		font-weight: 500;
		font-size: 2.8em;
		width: 395px;
		text-align: right;
		line-height: 1.2em;
		border-right: 8px solid #d3b519;
		bottom: 30px;
		right: 25px;
	}

/* Corrector de panels para centrado en portada. */
	.panels-flexible-region{
		width: 100%;
	}

/* PORTADA - BLOQUE QUE ES. */

	div.quees {
		font-family: 'Open Sans';
		background: #ede8c9;
		overflow: hidden;
		margin:20px 0;
	}
	.quees img {
		display: block;
		margin: 0;
		padding: 0;
		float: left;
	}
	.quees h3 {
		background: #cfb319;
		color: #ffffff;
		padding: 5px 15px;
		display: block;
		margin: 0 0 10px 268px;
		font-weight: 700;
		text-transform: uppercase;
	}
	.quees h2 {
		padding: 0 15px;
		font-size: 1.6em;
		margin: 10px 0px 10px 268px;
		font-weight: normal;
	}
	.quees p {
		margin: 0 0 10px 268px;
		padding: 0 15px;
		font-size: 1em;
	}
	.quees a, .quees a:link, .quees a:visited {
		background: #dbc85f;
		padding: 2px 6px;
		text-decoration: none;
		margin-left: 650px;
		color: #000000;
	}
	.quees a:hover {
		background: #64591c;
		text-decoration: none;
		color: #ffffff;
	}
	div.plantuyo.marg.lit{
		background:#fbf8e8 url("http://tuplandirector.elpuertodesantamaria.es/sites/default/files/images/fijas/personas2.png") bottom left no-repeat;
	}
	div.plantuyo.marg.lut{
		background:#fbf8e8 url("http://tuplandirector.elpuertodesantamaria.es/sites/default/files/images/fijas/tablet.png")  12px bottom no-repeat;
	}
	.plantuyo.marg.lit li {
		margin: 0 15px 15px 200px;
		-moz-border-radius: 18px;
		-webkit-border-radius: 18px;
		border-radius: 18px;
	}
	
		.plantuyo.marg.lot li {
		margin: 0 300px 15px 15px;
		-moz-border-radius: 18px;
		-webkit-border-radius: 18px;
		border-radius: 18px;
	}
		.plantuyo.marg.lut li {
		margin: 0 15px 15px 200px;
		-moz-border-radius: 18px;
		-webkit-border-radius: 18px;
		border-radius: 18px;
	}


/* PORTADA - BLOQUE ESPECIAL. */

	div.bloque-especial {
		font-family: 'Open Sans';
		background: #fbf8e8;
		overflow: hidden;
		margin:20px 0;
	}
	.bloque-especial h2 {
		padding: 0 15px;
		font-size: 1.6em;
		margin: 10px 0px;
		font-weight: normal;
	}
	.bloque-especial p {
		margin: 0;
		padding: 0 15px;
		font-size: 1em;
	}
	.bloque-especial a, .bloque-especial a:link, .bloque-especial a:visited {
		background: #4b931f;
		padding: 14px 10px;
		margin: 8px;
		text-decoration: none;
		color: #FFFFFF;
		text-align: center;
		width: 300px;
		font-size: 1.2em;
		text-transform: uppercase;
		display: block;
	}
	.bloque-especial a:hover {
		background: #2c5116;
		text-decoration: none;
		color: #FFFFFF;
	}
	
	/* Subbloque 50% ancho. */
	div.b50 {
	  float: left;
	  width: 50%;
	  text-align: -webkit-center;
	}



/* PORTADA - COMPARTIR PLAN. */

	div.compartir-plan {
		font-family: 'Open Sans';
		background: #fbf8e8 url("http://tuplandirector.elpuertodesantamaria.es/sites/default/files/images/fijas/personas.png") bottom right no-repeat;
		overflow: hidden;
		margin:20px 0;
	}
	.compartir-plan h2 {
		padding: 0 15px;
		font-size: 1.6em;
		margin: 10px 268px 10px 0px;
		font-weight: normal;
	}
	.compartir-plan p {
		padding: 0 15px;
		font-size: 1em;
		text-align: justify;
	}
	div#atstbx {
		margin: 15px;
	}
	.compartblock {
		display: block;
		float: left;
		width: 32%;
	}



/* PORTADA - HAZ TUYO EL PLAN. */

	div.plantuyo {
		font-family: 'Open Sans';
		background: #fbf8e8;
		overflow: hidden;
		margin:20px 0;
	}
	.plantuyo h2 {
		padding: 0 15px;
		font-size: 1.6em;
		margin: 10px 0px;
		font-weight: normal;
	}
	.plantuyo p {
		margin: 0;
		padding: 0 15px;
		font-size: 1em;
	}
	.plantuyo.marg p{
		margin-bottom: 20px;
	}
	div.img-incrustada {
		display: block;
		float: left;
		margin: 10px 15px;
	}
	.plantuyo.marg ul {
		margin: 0;
		padding: 0;
	}
	.plantuyo.marg li {
		padding: 10px;
		border: 1px solid #b8c66e;
		background: #e0e6bf;
		margin: 15px;
		list-style: none;
		font-weight: bold;
		font-size: 1.1em;
		color: #555555;
	}
	div.plantuyo.marg.osc {
		background: #ede8c9;
	}
	div.plantuyo.marg.osc.lot{
		background: #ede8c9 url("http://tuplandirector.elpuertodesantamaria.es/sites/default/files/images/fijas/personas3.png") bottom right no-repeat;
	}
	/* .plantuyo.fase2.marg {
		background: #f5f1e1;
	}
	.plantuyo.fase3.marg {
		background: #f6f1db;
	}
	.plantuyo.fase4.marg {
		background: #ebe6ce;
	}
	.plantuyo.fase5.marg {
		background: #ede6c7;
	} */

	div.encuestac, div.cont {
		display: block;
		float: left;
		font-family: 'Open Sans';
		background: #e3e2dc;
		overflow: hidden;
		margin: 20px 15px;
		width: 254px;
	}
	.encuestac img, .cont img {
		display: block;
		margin: 0;
		padding: 0;
		float: left;
	}
	.encuestac h3, .cont h3 {
		background: #a9962d;
		color: #ffffff;
		padding: 8px 15px;
		display: block;
		margin: 0;
		font-weight: 700;
		text-transform: uppercase;
	}
	.encuestac p {
		display: block;
		margin: 190px 0 0 0;
		padding: 10px;
		font-size: 1em;
		text-align: justify;
	}
	
	.encuestac a, .encuestac a:link, .encuestac a:visited {
		background: #4b931f;
		padding: 14px 10px;
		margin: 8px;
		text-decoration: none;
		color: #FFFFFF;
		text-align: center;
		width: 216px;
		font-size: 1.2em;
		text-transform: uppercase;
		display: block;
	}
	.encuestac a:hover {
		background: #2c5116;
		text-decoration: none;
		color: #FFFFFF;
	}

	div.videoplan {
		display: block;
		float: left;
		margin: 20px 0;
		text-align: -webkit-center;
	}


/* PIE DE PAGINA. */

	#footer #block-block-4 {
	    margin-bottom: 0;
	}
	div.piepagina {
		display: block;
		width: 100%;
		clear: both;
		margin: 0px;
		overflow: hidden;
	}
	/*.piepagina h4 {
		font-family: 'Open Sans';
		font-weight: normal;
		font-size: 14px;
		color: #004b9a;
		margin: 8px;
		width: 45%;
		display: block;
		float: left;
	}*/
	.piepagina h4 {
	    font-family: 'Open Sans';
	    font-weight: normal;
	    font-size: 18px;
	    color: #004b9a;
	    margin: 8px;
	    padding: 42px 0px 32px 120px;
	    width: 40%;
	    display: block;
	    float: left;
	    background: url("http://tuplandirector.elpuertodesantamaria.es/sites/default/files/images/fijas/logo-tur.jpg") 0 -5px no-repeat;
	}
	/*.piesocial {
		display: block;
		float: right;
		width: 400px;
		height: 35px;
	}*/
	.piesocial {
	    display: block;
	    float: right;
	    width: 400px;
	    height: 35px;
	    padding: 40px 0;
	}
	.piesocial a {
		display: block;
		float: inherit;
		width: 35px;
		height: 35px;
		margin-left: 15px;
	}
	.piesocial a.fb, .piesocial a.fb:link, .piesocial a.fb:visited {
		background: url("http://tuplandirector.elpuertodesantamaria.es/sites/default/files/images/fijas/iconspie.jpg") -10px -8px no-repeat;
	}
	.piesocial a.fb:hover {
		background: url("http://tuplandirector.elpuertodesantamaria.es/sites/default/files/images/fijas/iconspie-over.jpg") -10px -8px no-repeat;
	}
	.piesocial a.tw, .piesocial a.tw:link, .piesocial a.tw:visited {
		background: url("http://tuplandirector.elpuertodesantamaria.es/sites/default/files/images/fijas/iconspie.jpg") -55px -8px no-repeat;
	}
	.piesocial a.tw:hover {
		background: url("http://tuplandirector.elpuertodesantamaria.es/sites/default/files/images/fijas/iconspie-over.jpg") -55px -8px no-repeat;
	}
	.piesocial a.yt, .piesocial a.yt:link, .piesocial a.yt:visited {
		background: url("http://tuplandirector.elpuertodesantamaria.es/sites/default/files/images/fijas/iconspie.jpg") -99px -8px no-repeat;
	}
	.piesocial a.yt:hover {
		background: url("http://tuplandirector.elpuertodesantamaria.es/sites/default/files/images/fijas/iconspie-over.jpg") -99px -8px no-repeat;
	}
	.piesocial a.rs, .piesocial a.rs:link, .piesocial a.rs:visited {
		background: url("http://tuplandirector.elpuertodesantamaria.es/sites/default/files/images/fijas/iconspie.jpg") -144px -8px no-repeat;
	}
	.piesocial a.rs:hover {
		background: url("http://tuplandirector.elpuertodesantamaria.es/sites/default/files/images/fijas/iconspie-over.jpg") -144px -8px no-repeat;
	}




/* ENCUESTA ONLINE. */

	.encuestaonline input {
		padding: 2px 5px;
	}

	div.encuestaonline {
		font-family: 'Open Sans';
		background: #fbf8e8;
		overflow: hidden;
		margin:20px 0;
	}
	.encuestaonline h2.pane-title {
		background: #a9962d;
		color: #ffffff;
		padding: 8px 15px;
		display: block;
		margin: 0;
		font-weight: 700;
		text-transform: uppercase;
	}
	.encuestaonline .webform-client-form {
		padding: 0px 15px 15px 15px;
	}
	.encuestaonline .webform-component-textfield label, .encuestaonline .webform-component-email label {
		display: inline-block;
		width: 70px;
		font-weight: normal;
		padding-left: 5px;
	}
	.encuestaonline .webform-component-textarea label {
		background: #a9962d;
		color: #ffffff;
		padding: 5px;
		display: block;
		margin: 0;
		font-weight: 700;
		text-transform: uppercase;	
	}
	.encuestaonline span.form-required {
		color: #a9962d;
	}
	.encuestaonline input[type="submit"] {
		-webkit-appearance: button;
		cursor: pointer;
		background: #4b931f;
		border: none;
		padding: 10px 20px !important;
		color: #ffffff;
		font-size: 1.1em;
		text-transform: uppercase;
		font-weight: 700;
	}
	.encuestaonline input[type="submit"]:hover {
		background: #2c5116;
	}

/* CONTACTA */

	.panels-flexible-region-4-data {
		display: block;
		float: left;
		width: 31%;
	}
	.panels-flexible-region-4-bottom {
		display: block;
		float: left;
		width: 69%;
	}

	div.cont {
		margin-top: 6px;
	}
	.cont p {
		display: block;
		margin: 190px 0 0 0;
		padding: 10px;
		font-size: 1em;
		text-align: justify;
	}
	.panels-flexible-region-4-data a, .panels-flexible-region-4-data a:link, .panels-flexible-region-4-data a:visited {
		text-decoration: none;
		color: #444444;

	}
	.panels-flexible-region-4-data a:hover {
		text-decoration: underline;
	}