/* Camposol Holiday Villas Main Stylesheet */



body { border-top-width: 0px; padding-right: 0px; padding-left: 0px; border-left-width: 0px; font-size: 100%; 

background-color: #ffffff; background-image:url('../images/bggre2x.gif'); background-repeat:repeat;

border-bottom-width: 0px; padding-bottom: 0px; margin: 0px; margin-top: 10px; padding-top: 0px; font-family: Verdana, sans-serif; 

text-align: center; border-right-width: 0px; font-size: 12px; }



#nav {background: url("../images/bg_top_strip.gif") repeat; padding: 0 5px; margin: 0; line-height: 10px; height:40px; color: #fff; }



#frame {

	margin: 0px auto; width: 902px;

	/* border-top: 0px #cccccc solid; border-bottom: 0px #cccccc solid; border-left: 1px #cccccc solid; border-right: 1px #cccccc solid; */

}



a {color: #425672; text-decoration: underline;}

a:hover {color: #425672; text-decoration: none;}

a:visited {color:#cc0000;}



/* NON GOOGLE MOO VERSION

h1{color: #425672; font-size: 18px; font-family: 'Swanky and Moo Moo', cursive;}

h2{color: #425672; font-size: 16px; font-family: 'Swanky and Moo Moo', cursive;}

h3{color: #425672; font-size: 14px; padding-top: 10px; font-family: 'Swanky and Moo Moo', cursive;}

h4{color: #425672; font-size: 12px; padding-top: 10px; font-family: 'Swanky and Moo Moo', cursive;}

h5{color: #425672; font-size: 12px; border-bottom: 1px dotted #425672; font-family: 'Swanky and Moo Moo', cursive;}

*/



h1{color: #425672; font-size: 26px; font-family: 'Swanky and Moo Moo', cursive;}

h2{color: #425672; font-size: 24px; font-family: 'Swanky and Moo Moo', cursive;}

h3{color: #425672; font-size: 20px; padding-top: 10px; font-family: 'Swanky and Moo Moo', cursive;}

h4{color: #425672; font-size: 16px; padding-top: 10px; font-family: 'Swanky and Moo Moo', cursive;}

h5{color: #425672; font-size: 16px; border-bottom: 1px dotted #425672; font-family: 'Swanky and Moo Moo', cursive;}



.header {background: url("../images/header.jpg") no-repeat; }



#footer {background: url("../images/footer.gif") repeat; padding: 0; margin: 0; line-height: 10px; height:20px}

#footer p{font-weight: bold; color: #fff; font-size: 10px;}

#footer a {color: #fff; text-decoration: none;}

#footer a:hover {color: #fff; text-decoration: none;}



.footer_left p {text-align: left; padding-left: 10px; line-height: 10px; font-weight: bold; color: #fff; font-size: 10px;}

.footer_left a {color: #fff; text-decoration: none;}

.footer_left a:hover {color: #fff; text-decoration: none;}



.footer_right p {text-align: right; padding-right: 10px; line-height: 10px; font-weight: bold; color: #fff; font-size: 10px;}

.footer_right a {color: #fff; text-decoration: none;}

.footer_right a:hover {color: #fff; text-decoration: underline;}



img.border, .border img{

	padding: 2px; 

	border-width: 1px 1px 1px 1px;

	border-style: solid;

	border-color: #425672;

}



img.border:hover , .border img:hover {

	padding: 2px; 

	border-width: 1px 1px 1px 1px;

	border-style: solid;

	border-color: #425672;

}





/* FORMS */



#contactform label.contact {

	clear: both; display: block; font-weight: bold; color: #425672; padding-top: 5px;

}

#contactform textarea.contact {

	color: #333333; width: 300px; border: 1px solid #425672; clear: right; padding-right: 2px; display: block; padding-left: 2px; font-weight: normal; font-size: 100%; padding-bottom: 2px; margin: 2px 0px 5px 0px; padding-top: 2px; 

}

#contactform input.contact {

	color: #333333; width: 300px; border: 1px solid #425672; clear: right; padding-right: 2px; display: block; padding-left: 2px; font-weight: normal; font-size: 100%; padding-bottom: 2px; margin: 2px 0px 5px 0px; padding-top: 2px; 

}

#contactform input.button { 

	margin-top: 10px; width: auto; height: auto; color:#ffffff; background-color:#333333; border:1px solid #425672; 

}

#contactform select.contact {

	color: #425672; width: 306px; border: 1px solid #425672; clear: right; padding-right: 2px; display: block; padding-left: 2px; font-weight: normal; font-size: 100%; padding-bottom: 2px; margin: 2px 0px 5px 0px; padding-top: 2px; 

}



#testimonialform label.contact {

	clear: both; display: block; font-weight: bold; color: #425672; padding-top: 5px;

}

#testimonialform textarea.contact {

	color: #333333; width: 250px; border: 1px solid #425672; clear: right; padding-right: 2px; display: block; padding-left: 2px; font-weight: normal; font-size: 100%; padding-bottom: 2px; margin: 2px 0px 5px 0px; padding-top: 2px; 

}

#testimonialform input.contact {

	color: #333333; width: 250px; border: 1px solid #425672; clear: right; padding-right: 2px; display: block; padding-left: 2px; font-weight: normal; font-size: 100%; padding-bottom: 2px; margin: 2px 0px 5px 0px; padding-top: 2px; 

}

#testimonialform input.button { 

	margin-top: 10px; width: auto; height: auto; color:#ffffff; background-color:#333333; border:1px solid #425672; 

}

#testimonialform select.contact {

	color: #425672; width: 256px; border: 1px solid #425672; clear: right; padding-right: 2px; display: block; padding-left: 2px; font-weight: normal; font-size: 100%; padding-bottom: 2px; margin: 2px 0px 5px 0px; padding-top: 2px; 

}



.form_error { color: #990000; font-weight: bold;}



.bold_blue_s { color: #425672; font-weight: bold; font-size:10px;}

.bold_blue { color: #425672; font-weight: bold;}

.bold_red { color: #cc0000; font-weight: bold;}



.bold { font-weight: bold;}



hr { color: #777; background-color: #425672; height: 2px; border: 0; width: 80%; }



hr.blue { color: #425672; background-color: #425672; height: 2px; border: 0; width: 80%; }



#menu_links {

background: #fff;

width: 160px; padding: 0; padding-top: 10px; margin: 0 auto; 

  list-style-type:none; height: auto;

  }


#menu_links li {

  float:left; width:138px; margin: 7px 0;

  }


#menu_links a, #menu_links a:visited {

display:block; float:left; width:140px; color: #ccc; border-bottom: 1px solid #ccc; padding-left:0px; 

/* font: bold 16px Verdana, arial, Helvetica, sans-serif; */

font-family: 'Swanky and Moo Moo', cursive; font-size:24px;

text-decoration: none; line-height: 25px; height: 25px; /* padding-left:12px; */

  }


#menu_links a:hover {

/* color: #990000; padding-left:5px; border-left: 7px solid #cc0000; border-bottom: 2px solid #cc0000; */
color: #425672; padding-left:0px; border-left: 0px solid #425672; border-bottom: 1px solid #425672;

  }


#menu_links a.currentpage, #menu_links a.currentpage:hover {

display:block; float:left; width:140px; color: #cc0000; padding-left:0px; border-left: 0px solid #ccc; border-bottom: 1px solid #cc0000;

/* display:block; float:left; width:140px; color: #425672; padding-left:5px; border-left: 7px solid #425672; border-bottom: 2px solid #425672;

font: bold 16px Verdana, arial, Helvetica, sans-serif; */

font-family: 'Swanky and Moo Moo', cursive; font-size:24px;

text-decoration: none; line-height: 25px; height: 25px;

  }





/* GUESTBOOK */

.label_author { text-align:right; border-top:1px dotted #353535; padding-bottom: 2px; }

.comment_post { width:100%; border-bottom:2px solid #425672; margin-top: 2px; }

.comment_post p { padding:2px; }

.pagelist { width:100%; text-align:right; padding:2px 0px; margin-top:2px; }

.pagelist a,.pagelist a:link,.pagelist a:visited { text-decoration: none; padding:2px 4px; margin:1px; }

.pagelist a:hover,.pagelist a:active { border-color:#FFCCCC; background-color:#FFFAFA; }



#commentform { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; width:100%; border-top: 0px solid #425672; }

#commentform input {border:#425672 1px solid; background:#fff; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; padding:5px 10px 5px 15px;outline: medium none;width: 555px; height:14px; float:left;}

#commentform textarea {border:#425672 1px solid; background:#fff; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; height:173px;outline: medium none;overflow: auto; padding: 5px 0px 0px 15px; width:565px; resize:none;margin:0px 0 0 0;float:left;}

#commentform label {position:relative;display: block; min-height:35px; overflow:hidden;}



.comment_accepted { margin: 10px 0px 0px 0px; padding: 0px; width:100%; border-top:2px solid #99CC99; background-color:#EEFFDD; }

.comment_error { margin: 10px 0px 0px 0px; padding: 0px; width:100%; border-top:2px solid #CC9999; background-color:#FFEEEE; }



.commentformbutton, .commentformbutton:hover, .commentformbutton:visited {background:#333333; text-decoration: none; display:inline-block; font-size:12px; line-height:20px; border:1px solid #425672; color:#fff; padding:4px 15px 5px 15px;}

.btns {text-align:left; overflow:hidden; width:325px; padding-top:10px; }

.btns2 {text-align:right; overflow:hidden; width:325px; padding-top:10px; }

.btns a, .btns2 a {display:inline-block; margin-left:0px;}