/* VISITCAMPOSOL CSS Document */

/* html { overflow: -moz-scrollbars-vertical; } */
html, body { text-align: center; background-image: url("http://www.visitcamposol.com/images/bg.png"); background-repeat: repeat-x; 
background-attachment: fixed; background-color: #ffffff; font-family: verdana; font-size: 12px ; margin: 0; height:100%; }
/* TOP HEADER */
div.header { background: #ffffff url("http://www.visitcamposol.com/images/vc_headername.gif") no-repeat; height: 100px; width: 848px; /* WAS 748px */ }
div.headerline { background: #336699 ; height: 1px; width: 848px; /* WAS 748px */ }
div#container { margin: 0 auto 0 auto; /* top and bottom: 0, sides: flexible (stretches) */ width: 848px; /* WAS 748px */ background: #FFFFFF; color: #999999; }
#container img { padding: 0px; border:0;}
#container img.border, #container a img.border { padding: 2px; border: 1px solid #CCCCCC;}
#container a:hover img.border { padding: 2px; border: 1px solid #336699;}
#container img.blueborder, #container a img.blueborder { padding: 1px; border: 1px solid #336699;}
#container a:hover img.blueborder { padding: 1px; border: 1px solid #CCCCCC;}
.content a:hover{ border-width: 0;} /* wakeup IE */
.clearmeplz { clear: both; }

.weather { width: 120px; height: 60px; background-image: url( http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/blue_120x60_bg.jpg ); background-repeat: no-repeat; background-color: #346797; }

p{text-align: left; margin-top: 0;} /* MARGIN CHANGED 30.11.08*/
p.advertspage{text-align: center;}

ul { color: #336699; list-style-type: square; line-height: 24px;}

.topimg { background: #336699 url("http://www.visitcamposol.com/images/header/visitcamposolheader.php"); float: left; margin-left: 2px; margin-right: 2px; margin-top: 2px; margin-bottom: 2px; padding: 0; height: 180px; width: 363px; }
.topimg a { margin-bottom: 3px; height: 58px; line-height: 58px; text-align: center; color: #FFFFFF; font-size: 13px; font-weight: bold; text-decoration: none; width: 123px; display:inline; background: #006699 url("http://www.visitcamposol.com/images/menunor.gif") repeat-x; }
.topimg a:hover { background: #cccc00 url("http://www.visitcamposol.com/images/menuhov.gif") repeat-x; color: #336699; }
/* TOP MENU */
#topmenu { float: left; margin: 0; padding: 0; width: 848px; /* WAS 748px */ }
.topmenu2{ padding: 0; width: 848px; /* WAS 748px */ height: 24px; background: #336699 url("http://www.visitcamposol.com/images/tabnor.gif") repeat-x; voice-family: "\"}\""; voice-family: inherit; }
.topmenu2 ul{ margin:0; margin-left: 0px; /*margin between first menu item and left browser edge*/ padding: 0; list-style: none; }
.topmenu2 li{ text-align: center; display: inline; padding: 0; text-transform:none; }
.topmenu2 a{ border-right: 1px solid #ffffff; float: left; display: block; font: bold 11px Arial; color: #FFFFFF; text-decoration: none; margin: 0 1px 0 0; /*Margin between each menu item*/ padding: 5px 4px; }
.topmenu2 a.end{ border-right: 0 solid #ffffff; float: left; display: block; font: bold 11px Arial; color: #FFFFFF; text-decoration: none; margin: 0 1px 0 0; /*Margin between each menu item*/ padding: 5px 4px; }
.topmenu2 a.network{ background: #993333 url("http://www.visitcamposol.com/images/tabnor_youth.gif") repeat-x; border-right: 1px solid #ffffff; float: left; display: block; font: bold 11px Arial; color: #FFFFFF; text-decoration: none; margin: 0 1px 0 0; /*Margin between each menu item*/ padding: 5px 4px; }
.topmenu2 a:hover{ color: #FFFFFF; text-decoration: underline; }
/* .topmenu2 a.selected{ background: #cccc00 url("http://www.visitcamposol.com/images/tabhov.gif") repeat-x; color: #336699; text-decoration: none; } */

#valid{ padding-right: 10px; float: right; text-align: right; color: #ffffff; line-height: 16px; font-weight: bold; }
#valid a { color: #ffffff; text-decoration: underline;}
#valid a:hover { color: #ffffff; text-decoration: none;}

#container { border-top: 0 solid #336699; border-bottom: 0 solid #336699; border-left: 1px solid #336699; border-right: 1px solid #336699; }

h1 {text-transform: capitalize; font-family: arial; font-size: 22px; color: #336699; border-bottom: 1px dashed #336699; }
h2 {text-transform: capitalize; font-family: arial; font-size: 18px; color: #336699; border-bottom: 1px dashed #336699; }
h3 {font-family: arial; font-size: 16px; color: #336699; border-bottom: 1px dashed #336699; margin-bottom: 5px;}
h4 {font-family: arial; font-size: 16px; color: #336699; border-bottom: 1px dashed #336699; margin-bottom: 0px;}
#rightcol .content h4 a, h4 a:link, h4 a:visited {text-decoration: none; }
#rightcol .content h4 a:hover {text-decoration: underline; }

#main_content { margin: 0 4px 0 4px; padding-top: 5px; padding-bottom: 5px; padding-left: 0px; padding-right: 0px; background: #FFFFFF; color: #333333; }

#main_content #leftcol { width: 150px; float: left; } 
#main_content #rightcol { width: 685px; /* WAS 585px */ float: right; }
#main_content #rightcol2 { width: 835px; /* WAS 735px */ float: right; }

#leftcol .heading { background: #336699 url("http://www.visitcamposol.com/images/adverts/vc_adverts.gif") no-repeat; text-align: center; font-size: 90%; height: 30px;  width: 150px; /* minus padding */ line-height: 25px;}
#leftcol .heading a { color: #FFFFFF; text-decoration: none; }
#leftcol .heading a:hover { color: #FFFFFF; text-decoration: underline; }

.heading { font-family: Verdana, arial, Times, serif; padding-left: 0px; /* take away 4px from the width */ padding-top: 0px; /* take away 5px from the height */ font-weight: bold; color: #FFF; } 

#leftcol .content { background: url("http://www.visitcamposol.com/images/vc_side_spon.gif") repeat-y; text-align: center; } 
#leftcol .content a{color: #336699; text-decoration: none;}
#leftcol .content a:hover{color: #336699; text-decoration: underline;}

#rightcol .content { text-align: left; }
#rightcol .content a{color: #336699; text-decoration: underline;}
#rightcol .content a:hover{color: #336699; text-decoration: none;}
#rightcol .content a:visited{color: #003366; text-decoration: underline;}

#rightcol2 .foodanddrink{text-align: left; background: #ffffff url("http://www.visitcamposol.com/images/backgrounds/foodanddrink.jpg") no-repeat bottom right; padding-top: 0; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; font-size: 10pt;}
#rightcol2 .foodanddrink a{color: #336699; text-decoration: underline;}
#rightcol2 .foodanddrink a:hover{color: #336699; text-decoration: underline;}
#rightcol2 .healthandbeauty {text-align: left; background: #ffffff url("http://www.visitcamposol.com/images/backgrounds/healthandbeauty.jpg") no-repeat bottom right; padding-top: 0; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; font-size: 10pt;}
#rightcol2 .healthandbeauty a{color: #336699; text-decoration: underline;}
#rightcol2 .healthandbeauty a:hover{color: #336699; text-decoration: underline;}
#rightcol2 .homeandgarden {text-align: left; background: #ffffff url("http://www.visitcamposol.com/images/backgrounds/homeandgarden.jpg") no-repeat bottom right; padding-top: 0; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; font-size: 10pt;}
#rightcol2 .homeandgarden a{color: #336699; text-decoration: underline;}
#rightcol2 .homeandgarden a:hover{color: #336699; text-decoration: underline;}
#rightcol2 .retailandshops {text-align: left; background: #ffffff url("http://www.visitcamposol.com/images/backgrounds/retailandshops.jpg") no-repeat bottom right; padding-top: 0; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; font-size: 10pt;}
#rightcol2 .retailandshops a{color: #336699; text-decoration: underline;}
#rightcol2 .retailandshops a:hover{color: #336699; text-decoration: underline;}
#rightcol2 .otherservices {text-align: left; background: #ffffff url("http://www.visitcamposol.com/images/backgrounds/otherservices.jpg") no-repeat bottom right; padding-top: 0; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; font-size: 10pt;}
#rightcol2 .otherservices a{color: #336699; text-decoration: underline;}
#rightcol2 .otherservices a:hover{color: #336699; text-decoration: underline;}

/* INVISIBLE LINKS */
#rightcol .content a.invis {color: #777777; text-decoration: none;}
#rightcol .content a.invis:hover {color: #000000; text-decoration: none;}

#rightcol2 .content { text-align: left; }
#rightcol2 .content a{color: #336699; text-decoration: underline;}
#rightcol2 .content a:hover{color: #336699; text-decoration: none;}

.content { padding-top: 0; padding-bottom: 1px; padding-left: 5px; padding-right: 5px; font-size: 10pt; }
img {border: 0;}

/* TABS CSS START */
#rightcol2 .businessmenu{ padding: 0; width: 100%; height: 25px; /* border-bottom: 5px solid #2d546c; */ background: transparent; voice-family: "\"}\""; voice-family: inherit; }
#rightcol2 .businessmenu ul{ margin:0; margin-left: 0px; /*margin between first menu item and left browser edge*/ padding: 0; list-style: none; }
#rightcol2 .businessmenu li{ display: inline; margin: 0 2px 0 0; padding: 0; text-transform:uppercase; }
#rightcol2 .businessmenu a{ float: left; display: block; font: bold 11px Arial; color: #FFFFFF; text-decoration: none; margin: 0 1px 0 0; /*Margin between each menu item*/ padding: 5px 5px; background: #336699 url("http://www.visitcamposol.com/images/tabnor.gif") repeat-x; border-bottom: 1px solid #FFFFFF; }
#rightcol2 .businessmenu a:hover{ background: #cccc00 url("http://www.visitcamposol.com/images/tabhov.gif") repeat-x; color: #336699; text-decoration: none; }
#rightcol2 .businessmenu a.selected{ /*currently selected tab*/ background: #cccc00 url("http://www.visitcamposol.com/images/tabhov.gif") repeat-x; color: #336699; border-color: #cccc00; text-decoration: none; }

#rightcol .eventsmenu, #rightcol2 .eventsmenu{ padding: 0; width: 100%; height: 25px; /* border-bottom: 5px solid #2d546c; */ background: transparent; voice-family: "\"}\""; voice-family: inherit; }
#rightcol .eventsmenu ul, #rightcol2 .eventsmenu ul{ margin:0; margin-left: 0px; /*margin between first menu item and left browser edge*/ padding: 0; list-style: none; }
#rightcol .eventsmenu li, #rightcol2 .eventsmenu li{ display: inline; margin: 0 2px 0 0; padding: 0; text-transform:uppercase; }
#rightcol .eventsmenu a, #rightcol2 .eventsmenu a{ float: left; display: block; font: bold 11px Arial; color: #FFFFFF; text-decoration: none; margin: 0 1px 0 0; /*Margin between each menu item*/ padding: 5px 10px; background: #336699 url("http://www.visitcamposol.com/images/tabnor.gif") repeat-x; border-bottom: 1px solid #FFFFFF; }
#rightcol .eventsmenu a:hover, #rightcol2 .eventsmenu a:hover{ background: #666666 url("http://www.visitcamposol.com/images/tabgrey.gif") repeat-x; color: #FFFFFF; text-decoration: none; }
#rightcol .eventsmenu a.selected, #rightcol2 .eventsmenu a.selected{ /*currently selected tab*/ background: #666666 url("http://www.visitcamposol.com/images/tabgrey.gif") repeat-x; color: #FFFFFF; border-color: #666666; text-decoration: none; }

#rightcol .bustimesmenu, #rightcol2 .bustimesmenu{ padding: 0; width: 100%; height: 25px; /* border-bottom: 5px solid #2d546c; */ background: transparent; voice-family: "\"}\""; voice-family: inherit; }
#rightcol .bustimesmenu ul, #rightcol2 .bustimesmenu ul{ margin:0; margin-left: 0px; /*margin between first menu item and left browser edge*/ padding: 0; list-style: none; }
#rightcol .bustimesmenu li, #rightcol2 .bustimesmenu li{ display: inline; margin: 0 2px 0 0; padding: 0; text-transform:uppercase; }
#rightcol .bustimesmenu a, #rightcol2 .bustimesmenu a{ float: left; display: block; font: bold 11px Arial; color: #FFFFFF; text-decoration: none; margin: 0 1px 0 0; /*Margin between each menu item*/ padding: 5px 5px; background: #336699 url("http://www.visitcamposol.com/images/tabnor.gif") repeat-x; border-bottom: 1px solid #FFFFFF; }
#rightcol .bustimesmenu a:hover, #rightcol2 .bustimesmenu a:hover{ background: #666666 url("http://www.visitcamposol.com/images/tabgrey.gif") repeat-x; color: #FFFFFF; text-decoration: none; }
#rightcol .bustimesmenu a.selected, #rightcol2 .bustimesmenu a.selected{ /*currently selected tab*/ background: #666666 url("http://www.visitcamposol.com/images/tabgrey.gif") repeat-x; color: #FFFFFF; border-color: #666666; text-decoration: none; }

.tabcontent{ display:none; }
@media print { .tabcontent { display:block !important; } }
/* TABS CSS END */

#leftcol .cshadow { background: url("http://www.visitcamposol.com/images/vc_side_base.gif") no-repeat; height: 5px; margin-bottom: 5px; } 

.clearmeplz { clear: both; }
.clearmeplzleft { clear: left; }
.clearmeplzright { clear: right; }

.logolink {float: left; color: #336699; display: block; height: 65px; width: 355px; position: relative; left: 5px; top: 5px; font-size: 10px;}
.logolink img {border: 0; }
.logolink a {color: #336699; }
.logolink a:hover {color: #336699; }

.translatelink {padding-left: 5px; text-align: left; float: left; display: block; color: #336699; height: 15px; width: 355px; position: relative; left: 0px; top: 0px; font-size: 10px; }
.translatelink img {border: 0; }
.translatelink a {color: #336699; text-decoration: none; }
.translatelink a:hover {color: #336699; text-decoration: underline; }

.adsplace {background: #FFFFFF; width: 383px; /* 383px minus padding */ height: 100px; /* 100px minus padding */
padding: 0; text-align: left; float: right; 
position: relative; right: 0; top: 0; display: block; font-size: 10px; color: #336666; }

#footer { color: #FFFFFF; font-size: 12px; text-align: left; background: #336699 url("http://www.visitcamposol.com/images/footer.gif") repeat-x; height: 43px; width: 848px; /* WAS 748px */ line-height: 43px; }
#footer a { color: #FFFFFF; text-decoration: none;}
#footer a:hover { color: #FFFFFF; text-decoration: none;}

#footermenu { padding-left: 5px; font-size: 11px; float: left; text-align: left; color: #FFFFFF; line-height: 24px;}
#footermenu a { color: #FFFFFF; text-decoration: none;}
#footermenu a:hover { color: #FFFFFF; text-decoration: underline;}

#cnote { padding-right: 5px; font-size: 11px; float: right; text-align: right; color: #FFFFFF; line-height: 21px; }
#cnote a { color: #FFFFFF; text-decoration: underline;}
#cnote a:hover { color: #FFFFFF; text-decoration: none;}

#cnote .webdes, #cnote .webdes a, #cnote .webdes a:visited { color: #ffffff; text-decoration: none;}
#cnote .webdes a:hover { color: #ffffff; text-decoration: underline;}

.quote { font-style: italic; color: #336699;} 
.bold { font-weight: bold; color: #336699;} 
.red { color: #FF0000;} 
.redbold { font-weight: bold; color: #993333;} 
.smallprint { font-size: 10px; }

.rightspan { background: #e6e6e6; display: block; float: right; color: #666666; clear: both; padding-left: 2px; padding-right: 2px; }
#rightcol .rightspan { background: #e6e6e6; display: block; float: right; color: #666666; clear: both; padding-left: 2px; padding-right: 2px; }
#rightcol2 .rightspan { background: #e6e6e6; display: block; float: right; color: #666666; clear: both; padding-left: 2px; padding-right: 2px; }

#contactpage{width:550px; height: auto; margin-top:10px; font-size: 11px; }
#contactpage label { font-size: 11px; display:block; float:left; width:125px; text-align:left; margin-right: 20px;}
#contactpage input { color: #333333; border:1px solid #777777; width:250px; padding-left:2px; margin-right: 10px; margin-top: 2px; }
#contactpage textarea {color: #333333; border:1px solid #777777; width:250px; padding-left:2px; margin-right: 10px; margin-top: 2px;}
#contactpage select { color: #333333; border:1px solid #777777; width:255px; padding-left:2px; vertical-align: top; margin-top: 2px;}
#contactpage input.cbutton { width: 255px; color:#333333;  border-style:solid; border-color:#333333; border-width:1px; margin-top: 10px;}

#holidaypage{width:480px; height: auto; margin-top:10px; font-size: 11px; }
#holidaypage a {color: #336699; text-decoration: underline;}
#holidaypage a:hover {color: #336699; text-decoration: none;}
#holidaypage label { font-size: 11px; display:block; float:left; width:175px; text-align:left; margin-right: 0; margin-top: 4px;}
#holidaypage input { color: #333333; border:1px solid #777777; width:250px; padding-left:2px; margin-right: 10px; margin-top: 2px; }
#holidaypage input.file { color: #333333; border:1px solid #777777; width:255px; padding-left:2px; margin-right: 10px; margin-top: 2px; }
#holidaypage textarea {color: #333333; border:1px solid #777777; width:250px; padding-left:2px; margin-right: 10px; margin-top: 2px;}
#holidaypage select { color: #333333; border:1px solid #777777; width:255px; padding-left:2px; vertical-align: top; margin-top: 2px;}
#holidaypage input.cbutton { width: 255px; color:#333333;  border-style:solid; border-color:#333333; border-width:1px; margin-top: 10px;}

input.button { color:#333333; background-color:#336699; border-style:solid; border-color:#777777; border-width:1px; }

.smtxt, .smtxt a { font-size: 11px; }
.smsmall, .smsmall a { font-size: 9px; letter-spacing: 0px; }
.morenews { text-align: right; padding-right: 0px; font-weight: normal; margin: 0px 0px; color: #333; line-height: 1.5em }
.morenews a, .morenews a:visited{ color: #333; text-decoration: none; font-weight: bold; }
.morenews a:hover{ color: #333; text-decoration: underline; }
.morenews a.read, .morenews a.read:hover{ color: #333; text-decoration: underline; font-weight: bold; }

#topbar { position:absolute; border: 0px solid black; padding: 0px;
background-color: transparent; width: 67px; visibility: hidden; z-index: 100; }

/* TOOLTIP CSS START */
#dhtmltooltip{ position: absolute; width: 150px; border: 1px dotted #777777; padding: 2px;
background-color: #e6e6e6; visibility: hidden; z-index: 100; font-size: 11px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); }
/* TOOLTIP CSS END */

.hoverinfo, .hoverinfo:link, .hoverinfo:hover {
	cursor: help; padding: 0 15px 0 0;
	background: url("http://www.visitcamposol.com/images/icons/icon_mini_faq.gif") no-repeat 100% 0;
/*
	background: url("http://www.visitcamposol.com/images/icons/16-comment-square-question.png") no-repeat 100% 0; 
	background: url("http://www.visitcamposol.com/images/icons/comment.gif") no-repeat 100% 0; 
*/
}