/************************************ COLORS ************************
blue	-	004590
yellow	-	ffa200
************************************* COLORS ***********************/


/************************************ PAGE STRUCTURE ***************/
body { background:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000; }

#container { border:1px solid #004590; padding:8px; }

h1 { font-size:22px; margin:5px; padding:3px; }
h1 { font-size:18px; margin:0; padding:0; color:#004590; }
h2 { font-size:15px; margin:2px 4px; padding:3px; }
/************************************ PAGE STRUCTURE ***************/


/************************************ HEADER ***********************/
#headerTop { position:relative; height:127px; }
#headerTop a { color:#004590; text-decoration:none; }

#logoTop { position:absolute; top:6px; left:15px; width:320px; height:121px; }
#contactTop { position:absolute; top:33px; left:395px; width:585px; height:90px; color:#004590; font-weight:bold; }

#header { position:relative; margin:0 0 8px 0; height:245px; }
#logo { position:absolute; top:5px; left:3px; width:210px; height:185px; }
#banner { position:absolute; top:0px; left:276px; width:670px; height:190px; border:1px solid #004590; padding:7px; }

#menuTop { position:absolute; top:215px; left:0; width:962px; height:33px; background:url(/images/bkg_meniu_top.gif) 0 0 repeat-x; }
#menuTop ul { list-style:none; margin:0; padding:0; }
#menuTop ul li { font-size:16px; font-weight:bold; color:#FFF; float:left; border-right:2px solid #FFF; }
#menuTop ul li a { padding:0 17px; line-height:33px; height:33px; color:#FFF; text-decoration:none; display:inline-block; }
#menuTop ul li a:hover { padding:0 17px; line-height:33px; height:33px; background:#078bd5; }
#menuTop ul li.last { border:0; }
/************************************ HEADER ***********************/


/************************************ LEFT *************************/
#left { float:left; width:215px; margin-right:5px; }

.menuLeft { border:1px solid #004590; }
.menuLeft .title { background:url(/images/bkg_meniu_top.gif) 0 0 repeat-x; font-size:16px; font-weight:bold; color:#FFF; }
.menuLeft ul { list-style:none; margin:7px; padding:0; width:199px; }
.menuLeft ul li { font-size:13px; font-weight:bold; text-transform:uppercase; color:#004590; border-bottom:1px solid #EE910E; }
.menuLeft ul li a { color:#004590; text-decoration:none; padding:7px 2px; display:block; }
.menuLeft ul li a:hover { background:#ffa200; }
/************************************ LEFT *************************/


/************************************ RIGHT ************************/
#right { float:right; width:215px; }

.menuRight { border:1px solid #004590; }
.menuRight .title { background:url(/images/bkg_meniu_top.gif) 0 0 repeat-x; font-size:16px; font-weight:bold; line-height:33px; height:33px; color:#FFF; }
.menuRight ul { list-style:none; margin:7px; padding:0; width:199px; }
.menuRight ul li { font-size:12px; font-weight:bold; color:#004590; border-bottom:1px solid #EE910E; }
.menuRight ul li a { color:#004590; text-decoration:none; padding:7px 2px; display:block; }
.menuRight ul li a:hover { }
.menuRight img.pozaHotel { float:left; border:1px solid #004590; padding:1px; width:70px; height:54px; margin-right:5px; }
.menuRight span.titlu { color:#004590; font-weight:bold; text-decoration:none; }
.menuRight span.zona { color:#EE910E; font-size:11px; line-height:20px; font-weight:bold; text-transform:uppercase; }
/************************************ RIGHT ************************/


/************************************ CONTENT **********************/
#centru { float:left; width:522px; border:1px solid #004590; }
.continut { padding:5px; }

.indexAfisare { }
.indexAfisare .title { background:url(/images/bkg_meniu_top.gif) 0 0 repeat-x; font-size:16px; font-weight:bold; line-height:33px; height:33px; color:#FFF; }
.indexAfisare ul { list-style:none; margin:5px 1px; padding:0; }
.indexAfisare ul li { float:left; font-size:12px; width:156px; height:180px; font-weight:bold; color:#004590; border:1px solid #EE910E; margin:3px; padding:3px; }
.indexAfisare ul li a { color:#004590; text-decoration:none; padding:4px 2px; display:block; }
.indexAfisare ul li a:hover { }
.indexAfisare img.pozaHotel { border:1px solid #004590; padding:1px; width:150px; height:100px; margin:3px 0; }
.indexAfisare span.titlu1 { color:#EE910E; font-weight:bold; text-decoration:none; font-size:14px; height:32px; display:block; }
.indexAfisare span.titlu2 { color:#004590; font-weight:bold; text-decoration:none; }
.indexAfisare span.zona { color:#EE910E; font-size:11px; line-height:20px; font-weight:bold; text-transform:uppercase; float:right; }

.afisareOF { position:relative; float:left; width:510px; height:125px; border:1px solid #EE910E; margin:0 5px 5px 5px; cursor:pointer; }
.afisareOF .poza { position:absolute; top:5px; left:5px; width:150px; height:113px; }
.afisareOF .poza img { width:150px; height:113px; }
.afisareOF .titluOF { position:absolute; top:5px; left:165px; width:340px; height:18px; line-height:18px; color:#EE910E; font-size:16px; font-weight:bold; }
.afisareOF .titluOF a { color:#EE910E; text-decoration:none; }
.afisareOF .titlu { position:absolute; top:25px; left:165px; width:340px; height:18px; line-height:18px; color:#004590; font-size:13px; font-weight:bold; }
.afisareOF .titlu a { color:#004590; text-decoration:none; }
.afisareOF .localizare { position:absolute; top:45px; left:165px; width:150px; height:15px; line-height:15px; color:#000; font-size:12px; font-weight:bold; }
.afisareOF .descriere { position:absolute; top:67px; left:165px; width:340px; height:50px; font-size:11px; line-height:13px; color:#666; overflow:hidden; }
.afisareOF .pret { position:absolute; top:45px; right:5px; width:175px; height:20px; line-height:20px; font-size:12px; font-weight:bold; color:#EE910E; text-align:right; }
.afisareOF .pret span { font-size:18px; }

.gallery { float:right; width:236px; }
.gallery a { float:left; margin:2px; }
.gallery a img { width:110px; border:1px solid #004590; padding:1px; }

.rezerva-acum-online { width:159px; height:20px; background:url(/images/images-jpg.jpg) -536px -62px no-repeat; vertical-align:middle; }

.titleCentru { background:url(/images/bkg_meniu_top.gif) 0 0 repeat-x; height:33px; font-size:18px; font-weight:bold; line-height:33px; color:#FFF; margin:0; padding:0 25px; }

.chenarHoteluri { padding:8px; background:#ffa200; border-right:1px solid #999; border-bottom:1px solid #999; }
.chenarHoteluri ul { margin:5px 0; list-style:url(/images/list_hoteluri.gif); }
.chenarHoteluri ul li { float:left; width:230px; color:#000; line-height:150%; }
.chenarHoteluri ul li a { color:#000; text-decoration:underline; }
.chenarHoteluri ul li a:hover { text-decoration:none; }
.chenarHoteluri ul li.celmaimicpret { float:left; width:230px; color:#00F; line-height:150%; }
.chenarHoteluri ul li.celmaimicpret a { color:#00F; text-decoration:underline; }
.chenarHoteluri ul li.celmaimicpret a:hover { text-decoration:none; }

.chenarExcursii { padding:8px; background:#004590; border-right:1px solid #999; border-bottom:1px solid #999; }
.chenarExcursii ul { margin:5px 0; list-style:url(/images/list_excursii.gif); }
.chenarExcursii ul li { float:left; width:230px; color:#FFF; line-height:150%; }
.chenarExcursii ul li a { color:#FFF; text-decoration:underline; }
.chenarExcursii ul li a:hover { text-decoration:none; }

.link { color:#004590; text-decoration:underline; }
.link:hover { text-decoration:none; }

.butGalerieFoto { margin:10px; }

div.tabelPreturi { font-size:12px; color:#004590; margin:10px 5px; }
div.tabelPreturi table { border:1px solid #004590; border-collapse:collapse; }
div.tabelPreturi table th { font-size:14px; font-weight:bold; color:#004590; background:#ffa200; }
div.tabelPreturi table tr.grey { background:#EAEAEA; }
div.tabelPreturi table td.price { font-size:14px; font-weight:bold; color:#004590; padding:3px 5px; }
div.tabelPreturi table span.room-details { font-size:12px; font-style:italic; color:#000; font-weight:normal; }
div.tabelPreturi table span.oldprice { font-size:12px; text-decoration:line-through; }

.ofertaDesc { padding:5px; }
.ofertaDesc a { color:#004590; text-decoration:underline; }
.ofertaDesc a:hover { text-decoration:none; }

.titluri-oferte { font-size:14px; font-weight:bold; margin:3px; padding:0 10px; }
.titluri-oferte a { color:#004590; }

.filtrareSel { position:relative; height:30px; margin:10px 10px 0 10px; font-size:14px; color:#004590; font-weight:bold; }
.filtrareSel .transport { position:absolute; top:0; right:180px; width:170px; height:20px; font-size:12px; font-weight:normal; color:#000; text-align:right; }
.filtrareSel .categorie { position:absolute; top:0; right:0; width:170px; height:20px; font-size:12px; font-weight:normal; color:#000; text-align:right; }

.alegeZona1 { float:left; font-size:14px; padding:5px; font-weight:bold; }
.alegeZona { float:right; width:405px; }
.alegeZona .zone { float:left; width:190px; margin:0 5px; height:60px; padding:2px 0; }
.alegeZona .zone img { vertical-align:middle; width:80px; height:53px; border:1px solid #CCC; padding:2px; margin-right:3px; }
.alegeZona .zone a { color:#004590; text-decoration:underline; font-size:13px; font-weight:bold; }
.alegeZona .zone a:hover { text-decoration:none; }

.alegeZona .zoneHover { float:left; width:190px; margin:0 5px; height:60px; padding:2px 0; background:#EAF4FF; }
.alegeZona .zoneHover img { vertical-align:middle; width:80px; height:53px; border:1px solid #ffa200; padding:2px; margin-right:3px; }
.alegeZona .zoneHover a { color:#004590; text-decoration:underline; font-size:13px; font-weight:bold; }
.alegeZona .zoneHover a:hover { text-decoration:none; }

.alegeZona .zoneSelected { float:left; width:190px; margin:0 5px; height:60px; padding:2px 0; background:#DDD; }
.alegeZona .zoneSelected img { vertical-align:middle; width:80px; height:53px; border:1px solid #666; padding:2px; margin-right:3px; }
.alegeZona .zoneSelected a { color:#000; text-decoration:underline; font-size:13px; font-weight:bold; }
.alegeZona .zoneSelected a:hover { text-decoration:none; }

.oferteSpeciale { }
.oferteSpeciale ul { list-style:none; margin:5px; padding:5px 10px; }
.oferteSpeciale ul li { font-size:14px; font-weight:bold; line-height:18px; background:url(/images/icon_doc.jpg) center left no-repeat; padding-left:25px; margin:7px 0; }
.oferteSpeciale ul li a { color:#004590; text-decoration:underline; }
.oferteSpeciale ul li a:hover { text-decoration:none; }

.afisareOferta { border:1px solid #004590; padding:2px; margin:3px; }
.afisareOferta .pret { float:right; width:48%; font-size:16px; }
.afisareOferta .pret a { color:#ffa200; text-decoration:none; font-weight:bold; }
.afisareOferta .pret a:hover { color:#004590; text-decoration:none; }
.afisareOferta .transport { float:left; width:42%; font-size:16px; font-weight:bold; margin:0 0 0 15px; }
.afisareOferta .transport a { color:#ffa200; text-decoration:none; }
.afisareOferta .transport a:hover { color:#004590; text-decoration:none; }
.ofertaPics_oflunga { width:130px; float:left; margin:0 5px 0 0; padding:5px 0 0 5px; }

h3.oferta { font-size:15px; background:none; padding:3px; margin:3px; color:#ffa200; }
h3.oferta a { color:#ffa200; text-decoration:none; }
h3.oferta a:hover { color:#004590; text-decoration:none; }

/************************************ CONTENT **********************/


/************************************ FOOTER ***********************/
#footer { color:#000; }
#footer a { color:#004590; text-decoration:underline; }
#footer a:hover { color:#004590; text-decoration:none; }
/************************************ FOOTER ***********************/


/************************************ STELE MARI *******************/
.stele-mari-5 { display:inline-block; width:110px; height:20px; background:url(/images/stele_mari.gif) 0 0 no-repeat; }
.stele-mari-4 { display:inline-block; width:88px; height:20px; background:url(/images/stele_mari.gif) 0 0 no-repeat; }
.stele-mari-3 { display:inline-block; width:66px; height:20px; background:url(/images/stele_mari.gif) 0 0 no-repeat; }
.stele-mari-2 { display:inline-block; width:44px; height:20px; background:url(/images/stele_mari.gif) 0 0 no-repeat; }
.stele-mari-1 { display:inline-block; width:22px; height:20px; background:url(/images/stele_mari.gif) 0 0 no-repeat; }
/************************************ STELE MARI *******************/


/************************************ STELE MICI *******************/
.stele-mici-5 { display:inline-block; width:70px; height:12px; background:url(/images/stele_mici.gif) 0 0 no-repeat; }
.stele-mici-4 { display:inline-block; width:56px; height:12px; background:url(/images/stele_mici.gif) 0 0 no-repeat; }
.stele-mici-3 { display:inline-block; width:42px; height:12px; background:url(/images/stele_mici.gif) 0 0 no-repeat; }
.stele-mici-2 { display:inline-block; width:28px; height:12px; background:url(/images/stele_mici.gif) 0 0 no-repeat; }
.stele-mici-1 { display:inline-block; width:14px; height:12px; background:url(/images/stele_mici.gif) 0 0 no-repeat; }
/************************************ STELE MICI *******************/


/************************************ CUSTOM CLASSES ***************/
.blue { color:#004590; }
.yellow { color:#ffa200; }
.black { color:#000; }

.paragraph { text-indent:20px; }
/************************************ CUSTOM CLASSES ***************/

