@media all { 

/* =universals */
* { margin: 0; padding: 0; }

/* =html */
html { /*background: url(../img/patratel.jpg) repeat; */}


/* =body */
body { font: 11px Verdana, Arial; color: #999150; background: url(../img/patratel.jpg) repeat;/*background: url(../img/back.jpg) repeat-x; */}

/* =h1 */
h1 { position: relative; float: left; }
h1#bine { margin: 15px 0 0 30px; color: #BB954E; font-size: 18px; display: inline; }

/* =h2 */
h2#h2-left { position: relative; float: left; margin: 11px 0 0 17px; width: 145px; height: 28px; padding: 11px 0  0 15px; color: #FFF; background-color: #589702; font-size: 12px; }
h2#h2-right { position: relative; float: left; margin: 11px 0 0 17px; width: 145px; height: 28px; padding: 11px 0  0 15px; color: #FFF; background-color: #FFA800; font-size: 12px; }

/* =ul */
ul { list-style-type: none; }
ul#ul_meniu { position: relative; width: 587px; height: 18px; }
ul#ul_galerie_foto { position: relative; margin-top: 8px; padding-left: 12px; overflow: hidden; }

/* =li */
ul#ul_meniu li { position: relative; float: left; height: 90%; } 

ul#ul_meniu li#meniu-1 { width: 74px; margin-right: 1px; }
ul#ul_meniu li#meniu-2 { width: 100px; margin-right: 1px; }
ul#ul_meniu li#meniu-3 { width: 114px; margin-right: 1px; }
ul#ul_meniu li#meniu-4 { width: 124px; margin-right: 1px; }
ul#ul_meniu li#meniu-5 { width: 81px; margin-right: 1px; }
ul#ul_meniu li#meniu-6 { width: 88px; }

ul#ul_meniu li#meniu-1e { width: 74px; margin-right: 1px; }
ul#ul_meniu li#meniu-2e { width: 100px; margin-right: 1px; }
ul#ul_meniu li#meniu-3e { width: 114px; margin-right: 1px; }
ul#ul_meniu li#meniu-4e { width: 124px; margin-right: 1px; }
ul#ul_meniu li#meniu-5e { width: 81px; margin-right: 1px; }
ul#ul_meniu li#meniu-6e { width: 88px; }

ul#ul_galerie_foto li { position: relative; float: left; margin: 0 20px 15px 0; width: 104px; height: 75px; }
ul#ul_text li { position: relative; float: left; padding: 2px 0; width: 100%; height: 36px; line-height: 36px; text-indent: 10px; border-bottom: 1px solid #EDDD99; }
ul#ul_text li#last { border: none; }

li.li-left-info { position: relative; display: block; width: 100%; line-height: 16px; padding-left: 8px; background: url(http://turismlife.media-sun.ro/img/sageata.png) no-repeat 0 4px ; }
li.li-right-info { position: relative; display: block; width: 100%; line-height: 16px; padding-left: 8px; background: url(http://turismlife.media-sun.ro/img/sageata.png) no-repeat 0 4px ; }

/* =p */
div#content #content-main #content-main-left p { position: relative; float: left; margin-bottom: 7px; width: 100%; line-height: 16px; }
p#p_eroare { float: left; padding: 0 0 15px 80px; width: 450px !important; font-size: 12px; color: #FF3300; font-weight: bold; }
p#p_mesaj { float: left; padding-bottom: 5px; width: 265px !important; font-size: 11px; color: #FF3300; font-weight: bold; }

span#bu p { position: relative; margin-left: 525px; margin-top: 15px; color: #4D4D4D; font-size: 11px; }
p#bine-text { position: relative; float: left; width: 240px; height: 110px; margin-left: 27px; margin-top: 12px; display: inline; }
div#content-sigla p { position: relative; float: left; width: 100%; color: #958B67; font-size: 10px; }
p.dotari-descriere { position: relative; float: left; margin-top: 10px; margin-left: 20px; width: 100%; color: #6B4A41; margin-bottom: 18px; }

/* =span */
#media-sun { font-size: 13px; }
#media-sun2 { font-size: 11px; }
span.span_display { display: none; }	
p#bine-text span { padding-left: 15px; }

div#meniu_top span#colt_tl { position: relative; float: left; width: 7px; height: 7px; overflow: hidden; }
div#meniu_top span#colt_tr { position: relative; float: left; width: 7px; height: 7px; overflow: hidden; }
div#meniu_top span#top { position: relative; float: left; width: 590px; height: 6px; border-top: 1px solid #98867C; background-color: #402416; overflow: hidden; }

span#tl-sigla { position: relative; float: left; width: 7px; height: 7px; background: url(../img/colturi-sigla.png) no-repeat; overflow: hidden; }
span#tr-sigla { position: relative; float: left; width: 7px; height: 7px; background: url(../img/colturi-sigla.png) no-repeat 100% 0; overflow: hidden; }
span.top-sigla { position: relative; float: left; width: 268px; height: 7px; background-color: #FFF; overflow: hidden; }
span#bl-sigla { position: relative; float: left; width: 7px; height: 7px; background: url(../img/colturi-sigla.png) no-repeat 0 100%; overflow: hidden; }
span#br-sigla { position: relative; float: left; width: 7px; height: 7px; background: url(../img/colturi-sigla.png) no-repeat 100% 100%; overflow: hidden; }

span#tl-contact { position: relative; float: left; width: 8px; height: 8px; overflow: hidden; }
span#tr-contact { position: relative; float: left; width: 8px; height: 8px; overflow: hidden; }
span.top-contact { position: relative; float: left; width: 884px; height: 8px; background-color: #EBE3BF; overflow: hidden; }
span.top-content { position: relative; float: left; width: 578px; height: 8px; background-color: #EBE3BF; overflow: hidden; }
span.top-content2 { position: relative; float: left; width: 884px; height: 8px; background-color: #EBE3BF; overflow: hidden; }
span#bl-contact { position: relative; float: left; width: 8px; height: 8px; overflow: hidden; }
span#br-contact { position: absolute; bottom: 0; right: 0; width: 8px; height: 8px; overflow: hidden; }

span.dotari-titlu { position: relative; float: left; width: 100%; color: #840001; font-weight: bold; }
span.cazare-pret { position: relative; float: left; width: 100%; color: #6B4A41; font-weight: bold; }

span.span_titlu { position: relative; float: left; margin-bottom: 5px; width: 100%; color: #6B4A41; font-size: 12px; font-weight: bold; }
span.span_text { position: relative; float: left; margin-bottom: 10px; padding-left: 5px; line-height: 13px; }

/* =a */
a { color: #000; font-style: normal; text-decoration: none; cursor: pointer; }
a:link { color: #000; }
a:visited { color: #000; }
a:hover, a:active { color: #999150; }

.top_link { margin-top: 10px; }

ul#ul_meniu li a { position: relative; display: block; width: 100%; height: 100%; text-decoration: none; }
ul#ul_meniu li a:link { }
ul#ul_meniu li a:visited { }
ul#ul_meniu li a:hover, ul#ul_meniu li a:active { }

ul#ul_meniu li#meniu-1 a:hover, ul#ul_meniu li#meniu-1 a:active { background: url(../img/meniu.jpg) no-repeat 0 -18px; }
ul#ul_meniu li#meniu-2 a:hover, ul#ul_meniu li#meniu-2 a:active { background: url(../img/meniu.jpg) no-repeat -75px -18px; }
ul#ul_meniu li#meniu-3 a:hover, ul#ul_meniu li#meniu-3 a:active { background: url(../img/meniu.jpg) no-repeat -176px -18px; }
ul#ul_meniu li#meniu-4 a:hover, ul#ul_meniu li#meniu-4 a:active { background: url(../img/meniu.jpg) no-repeat -291px -18px; }
ul#ul_meniu li#meniu-5 a:hover, ul#ul_meniu li#meniu-5 a:active { background: url(../img/meniu.jpg) no-repeat -416px -18px; }
ul#ul_meniu li#meniu-6 a:hover, ul#ul_meniu li#meniu-6 a:active { background: url(../img/meniu.jpg) no-repeat -498px -18px; }

ul#ul_meniu li#meniu-1e a:hover, ul#ul_meniu li#meniu-1 a:active { background: url(../img/en-menu.jpg) no-repeat 0 -18px; }
ul#ul_meniu li#meniu-2e a:hover, ul#ul_meniu li#meniu-2 a:active { background: url(../img/en-menu.jpg) no-repeat -75px -18px; }
ul#ul_meniu li#meniu-3e a:hover, ul#ul_meniu li#meniu-3 a:active { background: url(../img/en-menu.jpg) no-repeat -176px -18px; }
ul#ul_meniu li#meniu-4e a:hover, ul#ul_meniu li#meniu-4 a:active { background: url(../img/en-menu.jpg) no-repeat -291px -18px; }
ul#ul_meniu li#meniu-5e a:hover, ul#ul_meniu li#meniu-5 a:active { background: url(../img/en-menu.jpg) no-repeat -416px -18px; }
ul#ul_meniu li#meniu-6e a:hover, ul#ul_meniu li#meniu-6 a:active { background: url(../img/en-menu.jpg) no-repeat -498px -18px; }

a#logo { position: relative; float: left; }  
a#ev { position: relative; float: left; }
a#sala { position: relative; float: left; margin-left: 6px; }
a#sala2 { position: relative; float: left; margin-top: 10px; }
a#rez { position: relative; float: right; }

div#copyright a { color: #FFF; }
  
/* =img */ 
img, img a { border: none; margin: 0; padding: 0; }
img#img-bg { position: relative; }
img#logo-firma { position: absolute; top: 1px; left: 223px; }
div#dotari-left a { position: relative; float: right; margin-right: 40px; color: #840405; font-weight: bold; text-decoration: none; }
div#dotari-left a:active, div#dotari-left a:hover { color: #64543A;  }
#ul_galerie_foto li img { padding: 1px; border: 1px solid #6B4A41; }

img#img_revelion { position: absolute; top: 30px; left: 150px; z-index: 10; }


/* =form =fieldset input */
fieldset { border-width: 0; }

form#f_common { position: relative; float: right; margin-top: 20px; width: 500px; }   
form#f_common fieldset { position: relative; float: left; display: block; width: 100%; font-weight: bold; }

form#f_common fieldset label { position: relative; float: left; width: 400px; padding-bottom: 12px; }

form#f_common fieldset label span.span_titlu { float: left; width: 100px; line-height: 24px; color: #978F61; text-align: left; }
form#f_common fieldset label span.span_titlu2 { float: left; width: 295px; line-height: 24px; color: #978F61; text-align: left; }
form#f_common fieldset label span.span_input { float: left; width: 200px; padding: 0 5px; height: 24px; border: 1px solid #CFC190; background-color: #FFF; overflow: hidden; }
/*form#f_common fieldset label span.span_input_left { float: left; width: 13px; height: 26px; background: url(../img/colturi-input.gif) no-repeat; }
form#f_common fieldset label span.span_input_right { float: left; width: 13px; height: 26px; background: url(../img/colturi-input.gif) no-repeat 100% 0; }*/
form#f_common fieldset label span.span_input2 { float: left; width: 300px; height: 118px;  }

form#f_common fieldset input { float: left; padding-top: 5px; width: 200px; height: 22px; border: none; cursor: text; color: #333; font-size: 11px; background: url(../img/input-pixel.gif); }

form#f_common fieldset textarea { float: left; padding: 5px; width: 295px; height: 118px; cursor: text; color: #333; font-family:Arial, Helvetica, sans-serif; font-size: 11px;  border: 1px solid #CFC190; }

form#f_common fieldset label span#span_trimite { float: left; width: 300px; }
form#f_common fieldset label input#trimite { position: relative; cursor: pointer; display: inline; margin: 10px 10px 0 100px; width: 52px; height: 24px; border: none; background: url(../img/buton-trimite.gif) no-repeat; }
form#f_common fieldset label input#sterge { position: relative; cursor: pointer; display: inline; margin-top: 10px; margin-left: 10px; width: 73px; height: 24px; border: none; background: url(../img/buton-reseteaza.gif) no-repeat; }
/*form#f_common fieldset label input#rezerva { position: relative; cursor: pointer; width: 71px; height: 31px; border: none; background: url(../img/rezerva.jpg) no-repeat; }
/*form#f_common fieldset label input#intra { position: relative; cursor: pointer; width: 71px; height: 31px; border: none; background: url(../img/intra.jpg) no-repeat; }*/
 

/* =div */
div#background { width: 100%; height: 100%; background: url(../img/back.jpg) repeat-x; }
div#container { position: relative; margin: 0 auto; width: 900px; } 

div#branding { position: relative; float: left; margin-top: 120px; width: 100%; }
div#left { position: relative; float: left;  width: 296px; }
div#content-left { position: relative; float: left; width: 295px; height: 241px; border-left: 1px solid #9A867D; border-bottom: 1px solid #9A867D; background-color: #FFF; }
div#content-bottom { position: relative; float: left; margin-top: 10px; width: 100%; }
div#contact-bottom { position: relative; float: left; margin-top: 10px; width: 900px; overflow: hidden; }
div#dotari-bottom { position: relative; float: left; margin-top: 10px; width: 900px; overflow: hidden; }
div#dotari-left { position: relative; float: left; margin: 22px 0 0 12px; width: 560px; }
div#evenimente-right { position: relative; float: right; width: 550px; padding-top: 22px; }
div#contact-content { position: relative; float: left; width: 900px; background-color: #EBE3BF; }
div#cazare-content { position: relative; float: left; width: 900px; padding-left: 15px; background-color: #EBE3BF; }
div#cazare-left { position: relative; float: left; width: 320px; color: #840001; font-size: 16px; font-weight: bold; }
div#cazare-right { position: relative; float: left; width: 320px; }
div#galerie-foto-content { position:relative; float: left; width:900px; background-color: #EBE3BF; }
div#contact-left { position: relative; float: left; display: inline; margin: 10px 50px 0 30px; width: 284px; }
div#content-sigla { position: relative; float: left; width: 282px; }
div#contact-right { position: relative; float: left; width: 500px; }
div#form-left { position: relative; float: left; margin-top: 40px; width: 240px; }
div#form-right { position: relative; float: left; display: inline; width: 400px; }
div#sigla-right { position: relative; float: left; margin-left: 6px; display: inline; width: 160px; }
div#sigla-left { position: relative; float: left; margin-left: 8px; display: inline; width: 115px; }

div#right { position: relative; float: left; width: 604px; height: 472px; }
div#flash { position: relative; float: left; width: 604px; height: 383px; }
div#meniu_top { position: relative; margin-top: 35px; float: left; width: 604px; height: 7px; }
div#meniu { position: relative; float: left; width: 602px; height: 25px; border-left: 1px solid #9A867D; border-right: 1px solid #9A867D; background-color: #402419; text-align: center; }
div#meniul { background: url(../img/meniu.jpg) no-repeat; width: 587px; height: 18px; overflow: hidden; margin: 0 auto; }

div#content { position: relative; float: left; margin-top: 10px; width: 100%; overflow: hidden; }
div#content-center { position: relative; float: left; padding: 5px 10px 0 10px; width: 880px; background-color: #EBE3BF; }
div#content-center-st { position: relative; float: left; width: 50%; }
div#content-center-dr { position: relative; float: left; width: 50%; }

div.width-st { margin-right: 15px; width: 295px !important; }

div#content-center-st2 { position: relative; float: left; width: 35%; }
div#content-center-dr2 { position: relative; float: left; width: 65%; }

div#content-st { position: relative; float: left; width: 594px; }
div#content-st #content-main { position: relative; float: left; padding: 5px 10px 0 10px; width: 574px; background-color: #EBE3BF; }
div#content-st #content-main-st { float: left; padding-left: 10px; width: 280px; }
div#content-st #content-main-dr { float: left; width: 284px; }

div#content-dr { position: relative; float: left; padding-left: 10px; width: 296px; }


div#copyright { position: relative; float: left; width: 100%; }

div#copyright_left { position: relative; float: left; padding: 15px 0 10px 10px; color: #FFF; }
div#copyright_right { position: relative; float: right; padding: 15px 10px 10px 0; }
span.copy{ position: relative; float: left; width: 756px; height: 8px; }

div#meniu_cp { position: relative; float: left; padding: 20px 0 0 30px; line-height: 18px; }

}