body { color: #000033; font: 100% Verdana, Arial, Helvetica, sans-serif; background: #CDF; margin: 0; padding: 0; }
a:link { color: #000033; font: bold 12px Arial, Helvetica, sans-serif; }
a:hover { color: #CFF; background: #000066; font: bold 12px Arial, Helvetica, sans-serif; }
a:visited { color: #000066; font: bold 12px Arial, Helvetica, sans-serif; }
#cm_mapContainer  a:hover, #cm_mapWideContainer a:hover { color: #CFF; background: #FFF; font: bold 12px Arial, Helvetica, sans-serif; }
#cm_mapWideContainer { color: #CFF; background: #000066; font: bold 12px Arial, Helvetica, sans-serif; }
blockquote { margin-top: 0px; margin-bottom: 0px; color: #000000; margin-right: 0px; margin-right: 1px; margin-left: 24px; }

#header, h1, h2, h3, footer, .photo, .list-header, list-head, .localmenu, .menu, .menu td, .round, #cm_map, #cm_mapContainer, #cm_mapWideContainer, .list-photoL img, .list-photo img, .photo img, img .photo, .jspa img, .col-l img, .col-r img{ border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; 
}
#tophead{ border-top-right-radius: 15px; -moz-border-top-right-radius: 15px; -webkit-border-top-right-radius: 15px; -khtml-border-top-right-radius: 15px; border-top-left-radius: 15px; -moz-border-top-left-radius: 15px; -webkit-border-top-left-radius: 15px; -khtml-border-top-left-radius: 15px;
}


h1, h2 { font-size: 16px; color: #FFF; font-weight: bold; clear: both; width: 96%; text-align: center; background: #33F; margin: 20px auto 14px; float: none; padding: 5px 4px 5px 6px; border: 2px solid #FFF; }
h2 { text-align: left; width: 96%; border: 4px outset #99F; margin-right: 20px; width: 96%; margin-left: 0px; }
h3 { font-size: 12px; color: #000000; font-weight: bold; border: thin solid #666666; height: 18px; padding: 3px 10px; background: #cdf; display: inline-block; margin: 4px; float: left; }
h4 { font-size: 16px; color: #005db6; margin-top: 16px; margin-bottom: 6px; margin-left: 10px; font-weight: bold; }
h5 { font-size: 14px; color: #009; margin-top: 0px; margin-bottom: 3px; margin-left: 24px; }
li { margin-left: 20px; color: #000; font: 12px Arial, Helvetica, sans-serif; }
ol, ul { color: #000; margin: 0px; padding-top: 2px; padding-bottom: 2px; }
p { font-size: 12px; margin: 10px 2px 2px 2px; }
table { font: 12px "trebuchet ms", arial, sans-serif }
table.tbmenu { Outstanding Sights; Nuestra Señora de los Remedios church, Clock Tower, El Calvario chapel, San Luis Castle walls, watchtowers, Museo Etnográfico (Museum of Ethnography), Museo Taurino (Bullfighting Museum), Museo de Paleontología (Palaeontology Museum), Luis García Berlanga Museum, Plaza de las Flores, Bullring, Dolmen of Corominas Visitor Centre, seaside promenade, marinafont: 12px "trebuchet ms", arial, sans-serif }
table td .jspa { vertical-align: top; color: #000; padding: 4px; text-align: center; font: bold 1em Verdana, Arial, Helvetica, sans-serif; }
jspa { text-align: left; margin-right: auto; margin-left: auto; border: 1px solid #333; }

ul { color: #333333; margin-top: 0px; margin-bottom: 0px; list-style-image: url(graphic/Elements_page3_files/Elements_page3.gif); margin-left: 16px; padding-left: 2px; }
#BookingFinder { width: 100%; height: 2200px; padding: 0px; margin: 0px; }
#cm_mapContainer, #cm_mapWideContainer{ float: left; padding: 0px 0px 10px; margin: 0px 0px 0px 6px; clear: both; background: #FFF; border: medium none #FFF; font-family:Arial, sans-serif; font-size:11px; text-align: left; width: 98%; height: 450px; }
#cm_map { width:580px; height:450px; margin: 0px 2px 8px; padding: 0px; border: 2px solid #000; color: #006; font-weight: bold; font-size: 12px; }
#cm_mapWideContainer #cm_map { width:765px;}
#cm_mapTABLE, #cm_mapTR td{ height:410px;}
#cm_mapLink{ font-size: 14px; font-weight: bold; text-align: center; width: 650px; background: #FFF; margin-right: auto; margin-bottom: 10px; margin-left: auto; padding-top: 10px; padding-bottom: 10px; }

#cm_mapLink a:hover { background: #9CF; }

#container { width: 750px; background: #FFF; margin: 0 auto; text-align: left; border-top: none; border-right: none; border-bottom: none; border-left: none; padding: 0px; }
#fblike iframe {width: 95px !important; }
#fblike .fb_edge_comment_widget iframe {width: 330px !important; }

#foot { background: #9CF; width: 758px; margin-right: auto; margin-left: auto; text-align: center; margin-top: -14px; }
#footer { padding: 0 10px; background:#83BCF1; text-align: center; margin-right: auto; margin-left: auto; }
#footer p { margin: 0; padding: 10px 0; }
#header { background: #9cf url(graphic/design/heading.jpg) no-repeat; padding: 0 10px; height: 130px; font: bold 24px Verdana, Geneva, sans-serif; margin-right: auto; margin-left: auto; border-top: border-left: 1px dotted; margin-top: -16px; }
#header2 { background: #7ABAF7 url(graphic/design/heading.jpg) no-repeat; padding: 0 10px; text-align: center; height: 130px; font: bold 24px Verdana, Geneva, sans-serif; }
#header2 h1, .sitename   { margin: 0; padding: 5px 0 5px; font: bold 18px Verdana, Geneva, sans-serif; color: #00b; background: transparent; border-style: none; }
#header h2 { margin: 0; padding: 5px 0; font: bold 18px Verdana, Geneva, sans-serif; color: #00c; background: transparent; border-style: none; float: right; }
#leftcolumn { font-size: 9pt; padding: 6px 1px; border: 1px solid #3c9bf7; background: #90C5F8; margin-left: 1px; }
#MapContainer { margin: 0px; padding: 0px; width: 740px; background: #FFF; text-align: center; }
#MapIcon { margin: auto auto; padding: 0px; width: 732px; font-size: 8px; border-width: 0px; border-style: none; background: #99CCFF; }
#page { border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; width: 772px; margin-right: auto; margin-left: auto; margin-top: 10px; background: #9CF; top: 0px; }
#round   { border: 2px solid #CCF; height: 294px; width: 170px; background: #CCF; padding: 0px; }

#side_bar { width: 170px; clear: right; float: left; color: #000; font: 12px Arial, Helvetica, sans-serif; padding-left: 4px; height: 500px; text-align: left; }




#sidebar1 { float: left; background: #83BCF1; padding: 4px 0 10px 4px; margin: -9px 0px 0px 4px; clear: both; width: 176px; font: 12px Arial, Helvetica, sans-serif; }
#sidebar1 h3, #sidebar1 p { margin-left: 10px; margin-right: 10px; color: #000; }
#tophead { background: #7ABAF7 url(graphic/design/heading2.jpg) no-repeat; padding: 6px 10px 0; text-align: center; vertical-align: bottom; height: 130px; margin: 0px; }

#map { margin: 0px; padding: 0px 0px 0px 2px; float: left; width: 550px; font: 10px Arial, Helvetica, sans-serif; height: 500px; }
#mainContent { margin: 0 10px 0 0em; padding: 0px 0px 0px 8px; background: #FFF; float: left; width: 546px; text-align: left; } 
#mainContent p { padding-left: 10px; }

.bg { background: url(graphic/Elements_page3_files/bg.gif) repeat-x; }
.centre { margin: 0px auto; text-align: center; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.clr { clear: left; }
.col-r { padding: 0px 4px; float: left; margin: 0px; font-size: 12px; }
.col-l { padding: 0px 4px; clear: right; float: left; margin: 0px; font-size: 12px; }
.container { background: #FFF; margin: 0 auto; text-align: left; }
.fltlft { float: left; margin-right: 8px; }
.fltrt { float: right; margin-left: 8px; margin-top: -115px; font: 14px Arial, Helvetica, sans-serif; text-align: center; }
.hd { background-color: #FFFFFF; height: 20px; width: 165px; border-top: thin solid #000099; border-right: thin solid #6699FF; border-bottom: thin solid #CCCCFF; border-left: thin solid #000000; padding-left: 2px; font-size: 110%; font-weight: bold; }
.imagebox { background: #FFFFFF; border-top: 3px solid #0000FF; border-right: 1px solid #0000FF; border-bottom: 1px solid #0000FF; border-left: 1px solid #0000FF; }
.left { margin: 0px; text-align: left; }
.right { margin: 0px; text-align: right; }
.list-content { margin: 0 4px 0 10px; background: #FFF; width: 98%; }
.list-header { border-top: medium solid #6666CC; border-bottom: medium solid #000099; line-height: 22px; background: #9CF; font-weight: bold; font-size: 14px; letter-spacing: 2px; padding: 4px 10px; text-align: left; margin-right: 10px; border-right: medium solid #6666CC; border-left: medium solid #000099; }
.list-header h2 { background: #9CF; font-weight: bold; font-size: 14px; letter-spacing: 2px; padding: 0 10px; border-style: none; margin: 0px; text-align: left; color: #006; }
.list-header h1 { margin: 0; padding: 0px; background: #06F; }
.list-head { font: bolder 18px Arial; color: #006; background: #ccf; letter-spacing: 2px; padding: 5px; width: 520px; margin-top: 0px; margin-right: auto; margin-left: auto; text-align: left; clear: both; }
.list-photo { color: #000; margin: 2px; padding: 2px; width: 208px; clear: right; float: left; text-align: center; font: 12px Arial, Helvetica, sans-serif; }
.list-photoL { float: right; width: 200px; padding: 4px; text-align: center; background: #FFF; font-size: 10px; font-weight: bold; margin-right: 14px; }
.list-photoL h3, #list-photoL p { margin-left: 20px; margin-right: 10px; }
.list-txtL { font: bold medium Arial; color: #333; margin: 0px; padding: 2px 0px; width: 300px; height: 98%; clear: right; float: left; }
.list-container { width: 100%; margin: 0px; border-top: none; border-right: none; border-bottom: none; border-left: none; }
.ln { border-top: 2px ridge #000099; border-right: thin; border-bottom: 1px solid #0000FF; border-left: thin; line-height: 22px; background: #90C5F8; }
.ln1 { border-top: medium ridge #000099; border-bottom: thin solid #6666FF; line-height: 22px; background: #FFFFFF; font-weight: bold; font-size: 14px; }
.ln2 { font: 9pt "trebuchet ms", arial, sans-serif; border-top: thin solid #0000FF; }
.lnhd { border-top: 2px ridge #000099; border-right: thin; border-bottom: 1px solid #0000FF; border-left: thin; background: #90C5F8; font: bold 14px Arial, Helvetica, sans-serif; color: #000066; text-align: left; padding: 4px; }
.localmenu{ border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; background: #CCF; width: 170px; height: auto; padding-top: -10px; }
.localmenu h4{ margin-top: -10px; padding-left: 16px; }

.maptable { background: #99ccff; }
.thumb1col , .thumb2col, .thumb3col{ margin-right: auto; margin-left: auto; padding-right: 4px; padding-left: 4px; width: 500px; font-weight: bold; }
.thumb3col { width: 600px; }
.thumb1col td , .thumb2col td, .thumb3col td { width: 200px; vertical-align: top; text-align: center; }




.menu { border-top: thin solid #66CCFF; border-right: thin solid #3366CC; border-left: thin solid #66CCFF; background: #EEF; width: 95%; padding-right: 1px; padding-left: 4px; margin-right: auto; margin-left: auto; }

.menu { background: #CCF; width: 95%; border: 1px solid #00F; }
.menu td { border: 1px solid #FFF; }

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of the menucss section this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout4.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.menucss { z-index:1000; font-size:80%; height:360px; margin:5px 0 50px -18px; list-style: none; font-weight: bold; font-weight: bold; position: relative; border-style: none; }
/* remove all the bullets, borders and padding from the default list styling */
.menucss ul { z-index:1000; padding:0; width:165px; height:360px; position:relative; list-style: none; margin: 0px; }
.menucss li { background:#eef; height:26px; list-style: none; }
* html .menucss li { margin-left:-16px; margin-lef\t:0;          /*   */ list-style: none; }
/* get rid of the table */
.menucss table { position:absolute; border-collapse:collapse; top:0; left:0px; z-index:100; font-size:1em; width:0; height:0; }
/* style the links */
.menucss a, .menucss a:visited { font-family:Arial, Helvetica, sans-serif; display:block; text-decoration:none; height:25px; line-height:25px; width:165px; color:#000; text-indent:2px; border-bottom:1px solid #fff; background:#ccf;  /* 9cf */ font-weight: bold; }
/* style the link hover */
* html .menucss a:hover { color:#fff; background:#00c; }
.menucss :hover > a {      /*   >  this stops entire menu changing colour on hover    */ color:#fff; background:#00c; }
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menucss ul ul { visibility:hidden; position:absolute; top:0px; left:150px; }
/* make the second level visible when hover on first level list OR link */
.menucss ul li:hover ul, .menucss ul a:hover ul { visibility:visible; /*height:360px;*/ }
/* keep the third level hidden when you hover on first level list OR link */
.menucss ul :hover ul ul { visibility:hidden; }
/* keep the fourth level hidden when you hover on second level list OR link */
.menucss ul :hover ul :hover ul ul { visibility:hidden; }
/* make the third level visible when you hover over second level list OR link */
.menucss ul :hover ul :hover ul { visibility:visible; height:360px; }
/* make the fourth level visible when you hover over third level list OR link */
.menucss ul :hover ul :hover ul :hover ul { visibility:visible; height:360px; }
.name { font: bold 14px Verdana, Arial, Helvetica, sans-serif; color: #000066; }
.plainbg { width: 750px; margin: 0 auto; padding: 0px; background: #9CF; bottom: 10px; position: relative; }
.round, .photo, .col-l img, .col-r img { border: 1px solid #333; }
.riscontainer { margin: 0px auto; padding: 0px; width: 734px; border: 1px solid #F00; background: #59A8F7; }
.rismap { margin: 0px auto; padding: 0px; background: #99ccff; width: 740px; border-top: none; border-right: none; border-bottom: none; border-left: none; }
.sitename { text-align: center; margin-top: 8px; margin-bottom: 8px; }
.vm2 { color: #000033; font-weight: bolder; font-size: 105%; border: 1px solid #000099; background: #CCFFFF; padding-left: 2px; padding-right: 1px; }