@charset "utf-8";
/* CSS Document */
<!-- 
body  {
	font: 100% Arial, Verdana, Helvetica, sans-serif;
	font-size:11px;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image: url(../images/bkg.jpg);
	background-repeat:repeat-x;
}
img {border: 0px;}

#note { background-color:#FF0; font-size:16px; padding: 5px; width: 870px; margin: 0px auto; 
}

.twoColFixLt #container { 
	width: 870px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image:url(../images/index_bkg.jpg);
	background-position:center top;
	background-repeat:no-repeat;
}

.twoColFixLt #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 253px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	padding: 0px;
	text-align:right;
}
.twoColFixLt #sidebar1 p {text-align:justify;}
.twoColFixLt #sidebar1 .title { height:32px;font-size:17px;font-weight:bold;background:transparent url(../images/blueslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;padding:14px 20px 0px 0px;}
.twoColFixLt #sidebar1 #links {}
.twoColFixLt #sidebar1 #links li, ul{ color: #000000; font-weight:normal; margin:0px; list-style: none; line-height:18px; display: block; text-transform:capitalize;}
.twoColFixLt #sidebar1 #links a:link, a:visited, a:active {color:#000; font-size: 11px; text-decoration:none; padding: 3px 5px 3px 40px;}
.twoColFixLt #sidebar1 #links a:hover {color:#cc3366; font-size: 11px; text-decoration:underline; padding: 3px 5px 3px 40px; background-color:#f8f8f8;}
.sidebar1 a {color: #39C; text-decoration:underline; padding: 3px 5px 3px 5px;}
.sidebar1 a:hover {color:#fff; text-decoration:none; padding: 3px 5px 3px 5px; background-color:#36C;}
p {text-align:justify;}

.twoColFixLt #mainContent { background-image:url(../images/line.png); background-repeat:no-repeat; 
	margin: 0px 0px 0px 270px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
} 
#header {padding-left: 20px; height:180px;}
#meniu { height:32px;font-size:17px;font-weight:bold;background:transparent url(../images/blueslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;padding:14px 20px 0px 0px;}

/* ---------------------- Menu Blueslate nav ---------------------- */
.blue #slatenav{position:relative;display:block;height:42px;font-size:11px;font-weight:bold;background:transparent url(../images/blueslate_background.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;text-transform:uppercase;}
.blue #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.blue #slatenav ul li{display:block;float:left;margin:0 1px 0 0;}
.blue #slatenav ul li a{display:block;float:left;color:#D5F1FF;text-decoration:none;padding:14px 22px 0 22px;height:28px;}
.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current{color:#fff;background:transparent url(../images/blueslate_backgroundOVER.gif) no-repeat top center;}
/* ---------------------- END Blueslate nav ---------------------- */

/* ---------------------- Nav menu Left ---------------------- */

.twoColFixLt #sidebar1 ul.vert-one{margin:0;padding:0;list-style-type:none;display:block;font: 12px Helvetica, Verdana, Arial, sans-serif;line-height:200%;width:253px;background: #bfe4e8;}
.twoColFixLt #sidebar1 ul.vert-one li{margin:0;padding:0;border-top:1px solid #dff4f6;border-bottom:1px solid  #5da0a7;}
.twoColFixLt #sidebar1 ul.vert-one li a {display:block;text-decoration:none;color:#000;padding:0 20px 0 0px;width:233px;}
.twoColFixLt #sidebar1 ul.vert-one li a:hover{background:#8ec9cf url("../images/vert-one_arrow.gif") no-repeat 0 9px; background-position:right;}
.twoColFixLt #sidebar1 ul.vert-one li a.current,ul.vert-one li a.current:hover{background:#a8cca4 url("../images/vert-one_arrow.gif") no-repeat 0 9px;background-position:right;}
/* ---------------------- Nav menu Left ---------------------- */

/* ---------------------- Dolphin nav ---------------------- */
#dolphincontainer{position:relative;height:56px;color:#E0E0E0;background:#143D55;width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}
#dolphinnav{position:relative;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#fff url(../images/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#dolphinnav ul li{display:block;float:left;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 15px;height:33px;}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{color:#fff;background:transparent url(../images/dolphin_bg-OVER.gif) repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#fff;background:#1D6893 url(../images/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(../images/dolphin_right-ON.gif) no-repeat top right;height:33px;}
/* ---------------------- END Dolphin nav ---------------------- */

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 10px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#continut {width: 97%; margin-left: 20px; padding: 10px 0px 10px 0px;}
#continut a {color: #39C; text-decoration:underline; padding: 3px 5px 3px 5px;}
#continut a:hover {color:#fff; text-decoration:none; padding: 3px 5px 3px 5px; background-color:#36C;}
p {text-align:justify;}
#continut h1 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:25px; color:#C06; letter-spacing: -1px; text-transform:capitalize; background-color:#bfe4e8; text-indent:15px;}
#continut h2 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; color: #39F; letter-spacing: -1px; text-transform:uppercase; border-bottom: 1px dotted #CCC; text-indent:15px; }
#continut h3 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color: #096; text-transform:capitalize;  }
#continut li, ul{ 
    color: #000; 
    font-weight: normal; 
    text-transform: none; 
    margin:0px; 
    list-style: none; 
    display:block;
}

.calculator {border: 1px solid #666; color: #000; background-color:#d1eef6;}
.calculator .price{font-size:35px; letter-spacing:-4px; color:#333;}





#line1 {background-color:#5db3c5; line-height: 5px; width: 100%; font-size:2px;}

#footer {border-top: 3px solid #fff; background-image:url(../images/footer.gif); background-repeat:repeat-x; color: #999; font-size: 10px;}
#footer img {border:0px;}
#footer .h1 {color: #099; font-weight:bold; font-size: 11px;}
#footer .container {width: 870px; height: 100px; margin: 0px auto;}
#footer ul li {
	text-transform: none;
	margin:0px; 
    list-style: none; 
    display:inline;
	font-weight: normal;}
.container a:link {color: #999; text-decoration:none; padding:0px; 
	line-height: 10px; 
	border: 0px; font-weight: normal; 
}
.container a:visited {color: #999; text-decoration:none; padding:0px; 
	line-height: 10px; 
	border: 0px; font-weight: normal;
}
.container a:active {color: #999; text-decoration:none; padding:0px; 
	line-height: 10px; 
	border: 0px; font-weight: normal; 
}
.container a:hover {color:#F60; text-decoration:none; padding:0px; 
	line-height: 10px; 
	border: 0px; font-weight: normal;}
	
.note {color:#F00; font-weight:bold;}	
.box {padding-left:30px; width:94%; text-transform:none; font-family:Arial;}
.box .mare{font-size:38px; letter-spacing:-4px; color:#000000; line-height:38px;text-transform: uppercase;}
.box .mic{font-size:8px; letter-spacing:0px; line-height: 9px;  text-transform: uppercase;}
.box .scris{font-size:11px;  text-align:justify; text-transform: none;}
.box table:hover {background-color: #CFC;}
.box .note {color:#F00; font-weight:bold;}
.box .scris UL {padding: 0px; margin: 0px; list-style-type: none; clear: left}
.box .scris LI { padding-left: 10px; margin: 0px; display: block; background-image:url(images/sageata.gif); background-repeat:no-repeat;}
#box .scris LI a:link { text-decoration : none; color: #CC0066; } 
#box .scris LI a:active { text-decoration : underline; color : #CC0066;} 
#box .scris LI a:visited { text-decoration : none; color : #CC0066; } 
#box .scris LI a:hover { text-decoration : underline; color: #FF6600; }

#google_map {
        width: 580px;
        height: 300px;
      }

#map_canvas {
        width: 580px;
        height: 300px;
      }

.prices {background-color:#C36; font-weight: bold; color: white; text-align:center; line-height: 20px;}
.prices2 {background-color: #093; font-weight: bold; color: white; text-align:center; line-height: 20px;}
--> 
</style><!--[if IE 5]>
<style type="text/css"> 
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixLt #sidebar1 { width: 257px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css"> 
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixLt #sidebar1 { padding-top: 0px; }
.twoColFixLt #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->