@charset "UTF-8";
/* rokma CSS Document for Fuerteventura Luxury villas for sale in La Oliva*/

/*general*/
body { font-family:Geneva, Arial, Helvetica, san-serif; margin: 0px; padding: 0px; background-color:#6396c5; font-size:14px; background-image:url(../p/headstripe.gif); background-repeat:repeat-x;}
img { border: none; }
p {margin:4px 0 4px 0;}
h1, h2, h3 { display:inline; margin:0; font-weight: normal;}
label { clear:both; display:block;}
fieldset { background-color:#E6E6E6;}


/* linkage */ 
a:link {text-decoration: none;color:#333333;}
a:visited  {text-decoration: none;color: #333333;}
a:active {text-decoration: none;color: #333333;}
a:hover {text-decoration:underline;color: #000000;}
a:visited:hover  {text-decoration: underline;color: #000000;}

#menu a:link {text-decoration: none;color:#ffffff;}
#menu a:visited  {text-decoration: none;color: #ffffff;}
#menu a:active {text-decoration: none;color: #ffffff;}
#menu a:hover {text-decoration:underline;color: #00000;}
#menu a:visited:hover  {text-decoration: underline;color: #000000;}

#lingo a:link {text-decoration: none;color:#ffffff;}
#lingo a:visited  {text-decoration: none;color: #ffffff;}
#lingo a:active {text-decoration: none;color: #ffffff;}
#lingo a:hover {text-decoration:underline;color: #ffffff;}
#lingo a:visited:hover  {text-decoration: underline;color: #ffffff;}

/* navigation */ 
#header {width:900px; font-size: 30px; color:#ffcc33; text-transform:uppercase; padding: 1px 0 0 0; /*background-color:#6396c5;*/ }
#menu { /*border-top:1px solid #ffcc33;*/ padding-top:4px; padding-bottom:4px; /*border-bottom:1px dotted #333333;*/ padding-top:1px; padding-bottom:4px; color:#000000; text-align:right; margin: 0 30px 0 0;}
#lingo { display:none;  /*display:block;*/ text-align:left; padding: 4px 0 4px 20px; margin: 234px 0 0 0;font-size: 10px;}



/* ids */ 
#frame {width:900px;margin-right:auto;margin-left:auto;margin-top:10px;padding:0;text-align:left; background-color:#ffffff/*d6b067*/;}
#footer { background-image:url(../p/varsilsant_logo.gif); background-repeat:no-repeat; background-position:0 4px; background-color:#6396c5;}
#footer p {font-size: 10px; border-top:1px dotted #333333; padding:6px 0 0 80px; margin-bottom:16px;}
#pagetitle {font-size: 22pt; padding: 8px 0 8px 14px; font-weight:lighter; border-bottom:dotted 1px #333333; margin-bottom: 10px; background-color:#CCCCCC;}
#testa { background-image:url(../p/testa5.jpg); background-position:0 0; height:222px; clear:both; background-color:#6396c5;}




/* classes */ 
div.title { padding: 14px 20px 2px 14px; clear:none; float:left; font-size:17pt; min-height:50px;}
/*.float_up  { padding: 0 6px 0 0;}*/
.spacer  {height:5px; font-size: 1px; clear:both; display:block;  border-bottom:dotted 1px #333333; margin-bottom: 10px;}
.video  { padding: 0 0 0 40px; float:left;}
.videoblock  {height:400px;}
.smalltext  {  font-size:10px;}
.privacy  {  font-size:10px;}
p.red  {  font-size:13px; color:#FF0000; font-weight:bold;} 

.fotoblock  { float:none; clear:both; display:block; height:420px;  background-color:#FFFFFF; }
.bigfoto  { float:left; width:680px; padding: 0 0 0 10px;}
.thumb  { float:left; display:inline; width:200px;}
div.thumb img {/*float:none; clear:both; display:block;*/ margin:0 0 4px 0; }

/* vertical gallery style*/
#motioncontainer a img {border-left: 3px solid #ffffff;}
#motioncontainer a:hover img{ border-left: 3px solid #ff0000;}
#motioncontainer a:hover{color: red; /* Dummy definition to overcome IE bug */}
#statusdiv {position: absolute; padding:2px; left:-300px; background-color:lightyellow; border: 1px solid gray;visibility: hidden;}


/*page specific*/
body#home div.content p{ margin-left:260px; padding: 14px 18px 6px 20px;}
body#practic div.content p{ margin-left:260px; padding: 14px 30px 6px 20px;}
body#practic div.content ol{ margin-left:290px; padding: 14px 30px 6px 20px; list-style:outside;}

body#practic div.content form { margin-left:260px; padding: 14px 30px 6px 20px;}
body#video div.content p{ margin-left:500px; padding: 14px 18px 6px 20px;}

body#faq div.content p{ margin-left:260px; padding: 14px 18px 6px 20px;}
body#faq div.content#faq p { margin-left:300px; margin-top:0; margin-bottom:0; padding:0; display:list-item;}
body#home img.pad{ padding: 0 0 6px 0;}