html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label.label_menu, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin : 0; padding : 0; border : 0; outline : 0; font-size : 100%;
vertical-align : baseline; background : transparent;
-webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
  }									

article, aside, figure, footer, header, hgroup, nav, section { display : block; }
img {
	max-width: 100%;
	height: auto;
}
html, body{height:100%;}
body{
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#6b6b6b;
	margin:0;
   	padding:0;    	
}
a{
	color:#3d97bd;
	text-decoration:none;
}
p{
	margin-bottom:10px;
	font-size:14px;
	line-height:20px;
	letter-spacing: 0.25px;
}
h1,h2{
	color:#146c91;
	font-weight:bold;
	text-transform:uppercase;
}
h1{
	font-size: 28px;
	line-height: 40px;
	margin-bottom: 20px;
	letter-spacing: -0.06em;
}
h2{
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 20px;
	letter-spacing: -0.04em;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.mobile{
	display:none;
}
.single-page ul{
	margin:20px 40px;
	list-style-type: none;
}
.single-page ul li{
	padding:10px 20px;
	background-image: url(../imagenes/bg_li.jpg);
	background-repeat: no-repeat;
	background-position: 0 12px, left;
}
.single-page nav{
	display:none;
}
.column{
	float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}
.span_6 {width:50.0%;}
.span_12 {width:100%;}
#main-wrap{
 	background: #CEDCE5 url(../imagenes/bg.jpg) no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;  
  	min-height: 850px;
}
.single-page #main-wrap{padding-bottom:50px;}
.wrap{
	max-width:1280px;
	width:100%;
	margin:0 auto;
	padding:0 56px;
}
.wrap:after, #header:after{content: "\0020";display: block;height: 0;clear: both;visibility: hidden;}
#header{
	max-height:138px;
	overflow: visible;
	z-index:100;
	position: relative;
}
#logo{
	z-index:100;
	position: relative;
	max-width:326px;
	width:100%;
	display:block;
}
#arrow{
	max-width:268px;
	width:100%;
	position: relative;
	min-height:183px;
	text-align:center;
}
#arrow img{
	position:absolute;
	width:100%;
	top:0;
	left:0;
}
#arrow p{
	font-size:37px;
	line-height:37px;
	font-family:Lobster, Verdana, Helvetica, Arial, sans-serif;
	color:#ffffff;
	padding: 10px;
	position:relative;
}
.language{
	color:#ffffff;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:14px;
	position:relative;
	padding-top:10px;
}
.language a{
	color:#ffffff;
	text-decoration: none;	
}
.language a.active{
	font-weight:bold;
	font-size:16px;
}
.navigation{
	background:#ffffff;
	font-family:"Myriad Pro", Verdana, Helvetica, Arial, sans-serif;
	list-style-type: none;
	padding:20px;
	max-width: 296px;
	margin: -20px 15px 0 15px;
	z-index:10;
	position:absolute;
	-webkit-border-radius: 0 0 15px 15px;
	-moz-border-radius: 0 0 15px 15px;
	border-radius: 0 0 15px 15px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(179, 182, 187, 0.75);
	-moz-box-shadow:    0px 2px 5px 0px rgba(179, 182, 187, 0.75);
	box-shadow:         0px 2px 5px 0px rgba(179, 182, 187, 0.75);
}
.navigation li{
	background-image: url(../imagenes/bg_li.jpg);
	background-repeat: no-repeat;
	background-position: 0px 12px, left;
	padding: 10px 20px;
	border-bottom:1px solid #e6e5e5;
}.navigation li:last-child{
	border-bottom:none;
	padding-bottom:0;
}
.navigation li a{
	color:#3d97bd;
	text-decoration: none;
	font-weight:bold;
	font-size:16px;
	line-height:18px;
}
.navigation li a:hover{
	margin-left:5px;
}
.navigation li a span{
	font-weight:normal;
}
#ico_menu {display:none;}
.map-container {
	width:100%;
	max-width:823px;
	float:right;
	margin-top:-120px;
	position: relative;
	margin-bottom:-190px;
}
#img-map{
	width:100%;
	height:auto;
	display:block;
}
.map-container a {
	display: block;
	position: absolute;
	background:url(../imagenes/spot.png);
	background-size: 100%;
	width:10%;
	height: 10.5%;
	text-decoration:none;
	text-align: center;
}
.map-container a span{
	display: none;
}
.map-container a:hover span{
	display: block;
	padding-top:60px;
	max-width:80px;
	color:#3d97bd;
	font-family:"Myriad Pro", Verdana, Helvetica, Arial, sans-serif;
	font-size:12px;
}
#link-1 {
	top: 30%;
	left: 67%;
}
a#link-1:hover, .touch a#link-1{
	background:url(../imagenes/parkCDA.png);
	background-size: 100%;
	width:10%;
	height: 10.1%;
}
#link-2 {
	top: 34%;
	left: 37%;
}
a#link-2:hover, .touch a#link-2{
	background:url(../imagenes/parkSFD.png);
	background-size: 100%;
	width:10%;
	height: 10.1%;
}
#link-3 {
	top: 34%;
	left: 28%;
}
a#link-3:hover, .touch a#link-3{
	background:url(../imagenes/parkVIL.png);
	background-size: 100%;
	width:10%;
	height: 10.1%;
}
#link-4 {
	top: 64%;
	left: 20%;
}
a#link-4:hover, .touch a#link-4{
	background:url(../imagenes/parkSEV.png);
	background-size: 100%;
	width:10%;
	height: 10.1%;
}
#link-5 {
	top: 68%;
	left: 11%;
}
a#link-5:hover, .touch a#link-5{
	background:url(../imagenes/parkCAR.png);
	background-size: 100%;
	width:10%;
	height: 10.1%;
}
#link-6 {
	top: 51%;
	left: 56%;
}
a#link-6:hover, .touch a#link-6{
	background:url(../imagenes/parkCUL.png);
	background-size: 100%;
	width:10%;
	height: 10.1%;
}
#link-7 {
	top: 64%;
	left: 52%;
}
a#link-7:hover, .touch a#link-7{
	background:url(../imagenes/parkTOR.png);
	background-size: 100%;
	width:10%;
	height: 10.1%;
}
#andalucia_logo{
	padding-top: 32px;
}
.touch #map_info{
	display:none;
}
#map_info{
	max-width:137px;
	width:100%;
	position: relative;
	background:url(../imagenes/map_info.png);
	background-size: 100%;
	min-height:184px;
	text-align:center;
}
#map_info p{
	font-size:12px;
	line-height:12px;
	font-family:"Myriad Pro", Verdana, Helvetica, Arial, sans-serif;
	color:#6b6b6b;
	padding: 98px 10px 10px;
}
#map_info p span{
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:2px solid #58a7b7
}
#footer{
	background:url(../imagenes/bg_footer.jpg) repeat-x center center;
	height:145px;
	text-align:center;
	padding-top: 40px;
}
#footer p{
	color:#ffffff;
	font-size:13px;
	margin:5px 0;
}
#footer a{
	color:#ffffff;
}
#main-box{
	margin-top:50px;
	background:#ffffff;
	padding:80px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	border-radius:15px;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(179, 182, 187, 0.75);
	-moz-box-shadow:    0px 2px 5px 0px rgba(179, 182, 187, 0.75);
	box-shadow:         0px 2px 5px 0px rgba(179, 182, 187, 0.75);
}
@media only screen and (max-width: 1280px){
label.label_menu {cursor:pointer;position: absolute;left: 10px;top: 15px;width: 30px;height: 30px;background:url(../imagenes/ico_menu.png)}
.mobile{display: block;background:url(../imagenes/bg_header.jpg) repeat-x center center;height:65px;}
#header{position:absolute;top: 0;}
#logo{margin:0 auto;width:75%;}
nav{display:none;}
#ico_menu:checked ~ nav {display:block; }
.wrap {padding:0 10px;}
.navigation, .single-page ul.navigation{position:relative;margin:-20px auto 0 auto;width:70%;}
#main-wrap{	min-height: inherit;
}
}
@media only screen and (max-width: 1168px){
.span_6, .span_12{text-align:center;}
.span_6 img{width:80%;}
#andalucia_logo{max-width: 240px;width:100%;}
#map_info{position:absolute;top:140px;right:10px;}
}
@media only screen and (max-width: 1080px){
.map-container{margin:0}
}
@media only screen and (max-width: 640px){
.fr, .fl{float:none;}
.span_6{width:100%;}
.map-container{margin:150px 0 0 0}
.map-container a:hover span{padding-top:20px;}
#arrow{min-height:133px;width:50%;margin:-10px auto 0 auto;}
.single-page #arrow{display:none;}
.single-page #main-box{padding:20px;}
}
@media only screen and (max-width: 468px){
#map_info{max-width: 110px;min-height: 147px;}
#map_info p{padding-top:65px;}
#arrow p{font-size:20px;line-height: 20px;}
.language{font-size: 12px;}
.language.active{font-size: 10px;}
}
@media only screen and (max-width: 320px){
#arrow p{font-size:14px;line-height: 14px;padding:0;}
.navigation{max-width: 252px;}
}