html, body {font-family:'Noto Sans', sans-serif;font-size:1.1em;margin:0;padding:0;}
#wrap {width:100%;}
#header {width:100%;}
#contentdefault {width:85%;margin-left: auto;margin-right: auto;margin-top:-4%;}
#footer {width:100%;background-color:#FF0000;color: #FFFFFF;}
#footerbase {width:100%;background-color:#282828;min-height:50px;color: #FFFFFF;}
#clear {clear:both;}

h2 {font-family: 'Ubuntu', sans-serif;font-size:1.2em;color:#FF0000;font-weight:bold;text-align:left;}
h3 {font-family: 'Ubuntu', sans-serif;font-size:1.3em;color:#000000;font-weight:bold;text-align:center;}
.logo{display: block;margin-left: auto;margin-right: auto;margin-top:25px;}
.t-box {background-color:#B0E0E6;padding:5px;margin:0px 0px 10px 0px;}
.bullet {line-height:1.5;}
.fb-page, .fb-xfbml-parse-ignore {width:100%;margin-left: auto;margin-right: auto;}

.tourlinkbox {width:90%;margin-left: auto;margin-right: auto;border:#D3D3D30 1px solid;padding:10px;}
h2.tourlinkh2 {font-family: 'Ubuntu', sans-serif;font-size:1.2em;color:#FF0000;font-weight:bold;text-align:left;margin-top:-0.25em;}
legend {color:#D3D3D3; font-size:0.8em; padding:1em;}

.headimg {background:url("../images/san-fermin-running-of-the-bulls-pampalona-spain.jpg");background-size:contain;background-repeat:no-repeat;display: block;margin-left: auto;margin-right: auto;width:100%;height:0px;margin-top:75px;padding-top:42%;}
#menu {height:75px;width:100%;padding: 0px;margin-bottom: 0px;background-color:#FF0000;color: #FFFFFF;font-weight:bold;text-align: left;position:fixed;top:0;left:0;z-index:1;}
#menu ul {display: none;list-style: none;margin-right:0em;padding-left: 0;margin-bottom: 0;margin-top: 0;background-color:#FF0000;}
#menu ul.expanded {display: block;}
#menu li a {display: block;padding:10px 10px 10px 10px;border-bottom: 1px solid #686868;font-size: 1.3em;color: #FFFFFF;text-decoration: none;line-height:40px;}
#menu li a:hover {color: #FFFFFF;background-color:#000000;text-decoration: none;}
.menu_button {display: block;text-align: center;color: #FFFFFF;font-weight:bold;text-decoration: none;font-size: 1.3em;margin-top:2px;margin-left:10px;}
.menu_button:hover {color: #000000;text-decoration: none;}

.videoWrapper {position: relative; padding-bottom: 56.25%; padding-top: 25px;height: 0;}
.videoWrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.boxh {background-color:#FFFFFF;padding: 3px;border:#FFFFFF 1px solid;margin: 0px;text-align:left;font-size:14px;color:#000000;font-weight:bold;line-height:130%;}
.boxtour {width:90%;background-color:#FFFFFF;border: #FF0000 0.2em solid;margin-top:30px;margin-bottom:30px;margin-left: auto;margin-right: auto;padding:1em;line-height:180%;}
.boxtl {width:90%;background-color:#FFFFFF;border: #FF0000 0.1em solid;margin-top:30px;margin-bottom:30px;margin-left: auto;margin-right: auto;padding:1em;line-height:130%;text-align:center;font-weight:bold;}
.boxl {padding:15px;text-align:center;}
.fb-like {}

#os {list-style-type:none;padding:0px;line-height:160%;font-size:1.05em;}
#os li {background-image: url(../images/gtick.gif);background-repeat: no-repeat;background-position: 0px 5px 0px 0px;padding-left: 25px;}

.enqs {display: block;margin-left: auto;margin-right: auto;}
.footlogo {display: block;margin-left: auto;margin-right: auto;}

#gadcontfoot {width:50%;margin-left: auto;margin-right: auto;margin-top:10px;}

label{font-weight:bold;}
span{display: block;overflow: hidden;padding-left: 0px;padding-bottom: 10px;}
span > input {width:99%;}
span > textarea {width: 99%;}

p {font-size:0.9375em;color:#000000;font-weight:normal;text-align:left;line-height:150%;}
p.SO {font-size:25px;color:#FF0000;font-weight:bold;text-align:center;line-height:150%;}
ul.clist {font-size:0.9375em;color:#000000;font-weight:bold;text-align:left;line-height:160%;}
p.footer {font-size:0.75em;color:#000000;font-weight:normal;text-align:left;line-height:100%;}
select,input,textarea {line-height:150%;font-size:0.9375em;color:black}

a.c:link {font-size:1em;color:blue;font-weight:bold;text-decoration:none}
a.c:visited {font-size:1em;color:blue;font-weight:bold;text-decoration:none}
a.c:hover {font-size:1em;color:blue;font-weight:bold;text-decoration:underline}
a.c:active {font-size:1em;color:gray;font-weight:bold;text-decoration:underline}

a.t:link {font-size:1em;color:#FFFFFF;font-weight:bold;text-decoration:none}
a.t:visited {font-size:1em;color:#FFFFFF;font-weight:bold;text-decoration:none}
a.t:hover {font-size:1em;color:#0000FF;font-weight:bold;text-decoration:underline}
a.t:active {font-size:1em;color:#FF0000;font-weight:bold;text-decoration:underline}

.sftours {width:100%;}
.tour-box {	background-color:#f00;
			border: 1px solid #f00;
			border-radius:10px;
			padding:10px 5px 10px 5px;
			font-family: 'Ubuntu', sans-serif;
			font-weight:bold;
			color:#fff;
			text-align: center;
			cursor: pointer; cursor: hand;
		  }
.tour-box:hover { background-color: #fff;
			color: #000;
			border: 1px solid #c7c7c7; /* Gray */
		  }
.soldout-tour-box { background-color:#A9A9A9;
			border: 1px solid #A9A9A9;
			border-radius:10px;
			margin:0px 5px 10px 5px;
			padding:30px 0px 30px 0px;
			font-family: 'Ubuntu', sans-serif;
			font-weight:bold;
			color:#fff;
			text-align: center;
			cursor: pointer; cursor: hand;
		  }

@media only screen and (min-width: 2500px) {
.headtext {font-family: 'Ubuntu', sans-serif;font-size:15em;color:#fff;text-align:center;margin-top:-30%;}
h1 {font-family: 'Ubuntu', cursive;font-size:2em;color:#f00;font-weight:bold;text-align:center;}
.book_button {font-size: 2em;}
.tour-box {float:left;width:18%;font-size:2em;min-height:250px;margin:0px 1% 40px 1%;}
.soldout-tour-box {float:left;width:18%;font-size:2em;min-height:250px;margin:0px 1% 40px 1%;}
}

@media only screen and (max-width: 2500px) {
.headtext {font-family: 'Ubuntu', sans-serif;font-size:10em;color:#fff;text-align:center;margin-top:-30%;}
h1 {font-family: 'Ubuntu', cursive;font-size:2em;color:#f00;font-weight:bold;text-align:center;}
.tour-box {float:left;width:18%;font-size:1.2em;min-height:200px;margin:0px 1% 20px 1%;}
.soldout-tour-box {float:left;width:19%;font-size:1.5em;min-height:200px;margin:0px 1% 20px 1%;}
}

@media only screen and (max-width: 1110px) {
.headtext {font-family: 'Ubuntu', sans-serif;font-size:8em;color:#fff;text-align:center;margin-top:-30%;}
h1 {font-family: 'Ubuntu', cursive;font-size:1.5em;color:#f00;font-weight:bold;text-align:center;}
.tour-box {float:left;width:47%;font-size:1.4em;min-height:150px;margin:0px 1% 20px 1%;}
.soldout-tour-box {float:left;width:47%;font-size:1.4em;min-height:150px;margin:0px 1% 20px 1%;}
}

@media only screen and (max-width: 940px) {
.headtext {font-family: 'Ubuntu', sans-serif;font-size:7em;color:#fff;text-align:center;margin-top:-30%;}
h1 {font-family: 'Ubuntu', cursive;font-size:1.2em;color:#f00;font-weight:bold;text-align:center;}
.tour-box {float:left;width:47%;font-size:1.2em;min-height:150px;margin:0px 1% 20px 1%;}
.soldout-tour-box {float:left;width:47%;font-size:1.2em;min-height:150px;margin:0px 1% 20px 1%;}
}

@media only screen and (max-width: 640px) {
.headtext {font-family: 'Ubuntu', sans-serif;font-size:5em;color:#fff;text-align:center;margin-top:-30%;}
.tour-box {float:left;width:47%;font-size:1em;min-height:150px;margin:0px 1% 20px 1%;}
.soldout-tour-box {float:left;width:47%;font-size:1.2em;min-height:150px;margin:0px 1% 20px 1%;}
}

@media only screen and (max-width: 425px) {
.headtext {font-family: 'Ubuntu', sans-serif;font-size:4em;color:#fff;text-align:center;margin-top:-30%;}
.tour-box {width:100%;font-size:1.2em;min-height:100px;margin:0px 1% 10px 1%;}
.soldout-tour-box {width:100%;font-size:1.2em;min-height:100px;margin:0px 1% 10px 1%;}
}

@media only screen and (max-width: 320px) {
.headtext {font-family: 'Ubuntu', sans-serif;font-size:3em;color:#fff;text-align:center;margin-top:-30%;}
h1 {font-family: 'Ubuntu', cursive;font-size:1em;color:#f00;font-weight:bold;text-align:center;}
.tour-box {width:100%;font-size:1.2em;}
.soldout-tour-box {width:100%;font-size:1.2em;}
}