/* CSS Document for www.oceanviewvistas.com - authored by www.kipives.com/web.html .... CSS Document */

body {
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "arial", helvetica, sans-serif;
	background-color:#C5CAB4;
	font-color: #FFFFFF;
	background-image: url("../images/bg-bg.gif"); background-repeat:repeat;
}
#container {

 	margin-left: auto;
 	margin-right: auto;
 	width: 761px;
	height:90%;
	
 	
 	}
#top {
	margin-top: 1px;
	top:132px;
	padding: 0;
	 margin-left: auto;
    margin-right: auto;
	width:761px;
	background: #FFFFFF;
	height:132px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	background-image: url("../images/home_01.jpg"); background-repeat: no-repeat; background-position: center center;
    height: 132px;
	}
html>body #top.r {
	height: 132px; /* ie5win fudge ends */
	}

#topnav {
   top:50px;  /*ie6hack */
    padding: 4px;
    margin-left: auto;
    margin-right: auto;
    width:759px;
	background-image: url("../images/fondotabla.jpg"); background-repeat: repeat;
    background-color: #C5CAB4;
	height:20px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family: inherit;
    height: 20px;
	}
html>body #top.r {
	height: 30px; /* ie5win fudge ends */
	}
#middle.image {
    top:152px;
	margin-left: auto;
	margin-right: auto;
	width:760px;
	background-image: url("../images/home_03.jpg");
	padding: 0;
	voice-family: "\"}\"";
	voice-family:inherit;
} 
#middle {
    top:400px;
	margin-left: auto;
	margin-right: auto;
	width:761px;
	background-image: url("../images/fondotabla.gif");
	padding: 0;
	height: auto;
	voice-family: "\"}\"";
	voice-family:inherit;
} 
 
#footer {
font-color:#000000;
top: auto;
padding: 0;
margin-top: 0px;
margin-left: auto;
	margin-right: auto;
	width:761px;
	height:99px;
background-image: url("../images/home_04.gif"); background-position: top center; 
 voice-family: "\"}\"";
voice-family:inherit;} 
	
#navfooter {
font-color:#000000;
top: auto;
margin-left: auto;
	margin-right: auto;
	width:760px;
	align: center;
text-align: center; 
voice-family: "\"}\"";
	voice-family:inherit;} 

a {
	text-decoration: none;
	font-weight: bold;
	color:  #009999;
	outline: none;
	}
a:visited {
	color:  #FF00FF;
	}
a:active {
	color:  #009999;
	}
a:hover {
	color: #FFOOFF;
	text-decoration: underline;
	}
	

ul a:link, ul a:visit, ul a :hover, ul a:active {
display:block;
padding: 2px 10px;
text-decoration: underline;}
ul a:link{ color:#000000;}
ul a:visited{color:#EE9C00;}
ul a:hover {color:#EE9C00; background:#FFFFFF;}
ul a:active { color:#000000;}

ul {
font: arial;
font-size:12px;
list-style-image: url(../images/bullet.gif);
color:#FFFFFF;
font-weight: normal;
margin-left: 60px;
padding: 2px 5px;}

li{

font: arial;
font-size:12px;
background-repeat: no-repeat;

color:#FFFFFF;
font-weight: normal;
margin-left: 60px;
margin-right:50px;
padding: 2px 5px;
}


a.topnav:link {font:arial;color: #FFFFFF;text-decoration: none; font-size:12px;  padding: 5px 20px 5px 20px;}
a.topnav:visited {color: #EE9C00;text-decoration: none;font-size:12px; padding: 5px 20px 5px 20px;}
a.topnav:hover {color: #FFFFFF;text-decoration: none;font-size:12px; background-color:#008080; padding: 5px 20px 5px 20px; }
a.topnav:active {color: #FFFFFF;text-decoration: none;font-size:12px; padding: 5px 20px 5px 20px;}

.botnav{color: #FFFFFF;text-decoration: none; font-weight: normal;  font-size: 11px; padding:3px 10px 3px 10px;}
a.botnav:link {color: #FFFFFF;text-decoration: none;font-size: 11px;}
a.botnav:visited {color: #EE9C00;text-decoration: none;font-size: 11px;}
a.botnav:hover {color: #EE9C00;text-decoration: underline;font-size: 11px;}
a.botnav:active {color: #FFFFFF;text-decoration: none;font-size: 11px;}

.table
{
border-collapse: collapse;

}
img.floatRightClear { 
    float: right; 
    clear: right; 
    margin: 6px; }
	
	img.floatLeftClear { 
    float: left; 
    clear: left; 
    margin: 4px; }
	
.callnow {
	FONT-WEIGHT: bold;
	FONT-SIZE: 15px;
	COLOR: #FF9900;
	FONT-FAMILY: Geneva, Arial, Helvetica, sans-serif;
	background-color : transparent;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 6px;
	padding-left: 6px;
	border: thin solid #FF3300;
	line-height: 12px;
}

.p {
	font: arial;
	text-align: justify;
	color:#ffffff;
	font-size: 12px;
	padding: 2 10 2 10;
	line-height: 120%;
	margin-top: 10px;
	margin-bottom: 3px; 
	margin-right: 30px;
	margin-left: 30px;
	}
	
	.p_C {
	font: arial;
	text-align: justify;
	color:#ffffff;
	font-size: 11px;
	padding: 2 4 2 4;
	line-height: 120%;
	margin-top: 10px;
	margin-bottom: 3px; 
	margin-right: 10px;
	margin-left: 10px;
	}
.p_links {
	font: arial;
	align: justify;
	color:#FFFFFF;
	font-size: 10px;
	padding: 2 3 2 3;
	line-height: 125%;
	margin-top: 8px;
	margin-bottom: 3px; 
	}
	
	.p_ad {
	font: arial;
	align: justify;
	color:#FFFFFF;
	font-size: 11px;
	padding: 2 3 2 3;
	line-height: 125%;
	margin-top: 8px;
	margin-bottom: 3px; 
	}
.heading {
	font-size: 14px;
	font: "times new roman";
	padding: 3 3 3 3;
	color: #0000CC;
	line-height: 125%;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
	}
.h1 {
	font-size: 14px;
	font: "times new roman";
	padding: 3 3 3 3;
	color: #FFFFFF;
	line-height: 125%;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
	}
.h2 {
	font:arial;
	font-size: 12px;
	align: center;
	padding: 4px 8px 4px 8px;
	color:#FFFFFF;
	border: 1px solid black;
background:#333333;
	line-height: 120%;
	font-weight: normal;
	background-color: gray;

	}
	
.h3 {
	font-size: 12px;
	color:#FFFFFF;
	margin: 0 3 0 3;
	align: center;
	line-height: 120%px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
.h4 {
	font-size: 12px;
	color:#00CCFF;
	line-height: 120%;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
.img {
	border: 2px;
	border-color:#FFFFFF;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 8px;
	color:#FFFFFF;
	line-height: 125%;
	margin-top: 15px;
	margin-bottom: 5px; 
	}
	
	.copyright {
	font-size: 9px;
	color:#FFFFFF;
	line-height: 125%;
	margin-top: 15px;
	margin-bottom: 5px; 
	}		

.form {
	margin-left: 30px;
	margin-right:30px;
	align: center;
	text-align: left;
	border: 1px solid #FFFFFF;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color:;
	padding: 10px;}
	
	.formcontact {
	margin-left: 40px;
	margin-right:40px;
	align: center;
	text-align: left;
	border: 1px solid #FFFFFF;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color:;
	padding: 10px;}
	
label {font-color: #FFFFFF;}
input
{
color: #781351;
background: #fee3ad;
border: 1px solid #781351
}

.submit input
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9
}
	
.stream {width:200px; height: 15px; padding: 10px; border: 2px solid black; background-color:#448CC4; overflow: auto; text-align: justify; font-size: 9px; font-weight: normal;}

.sub-title {
	font-weight: bold;
	font-size: 16px;
	color:#FF9900;
	font-family: Georgia, "Times New Roman", Times, serif;
	TEXT-TRANSFORM: none;
	text-decoration: none;
	font-style: oblique;
	padding-bottom: 0px;
}

.example {
	font-weight: bold;
	font-size: 14px;
	color:#FF9900;
	font-family: Georgia, "Times New Roman", Times, serif;
	TEXT-TRANSFORM: none;
	margin-left: 30px;
	text-decoration: underline;
	font-style: oblique;
	padding-bottom: 0px;
}	
	

div.flashmovie {
	margin-left: 10px;
}

.img {
	border: 2px;
	border-color:#FFFFFF;
	}
	
	img.floatRightClear { 
    float: right; 
    clear: right; 
    
	margin-left: 8px;
	margin-right: 25px; }
	
	img.floatLeftClear { 
    float: left; 
    clear: left; 
    margin-left: 25px;
	margin-right: 8px; }
	
	embed.floatRightClear { 
    float: right; 
    clear: right; 
    margin: 6px; }