/* resetting some default styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
a:focus {outline:1px dotted #999;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
html { font-size:100.01%; }
body { font-size:0.625em; }
textarea {overflow:auto}
button {cursor:pointer}
input[type="checkbox"],
input[type="radio"],
input.radio,
input.checkbox {
vertical-align:text-top;
width:13px;
height:13px;
padding:0;
margin:0;
position:relative;
overflow:hidden;
top:2px;
}
a {text-decoration:none;color:#a91131;}
a:hover {text-decoration:underline}
/* -----------------------------------
a better and smarter way to clear floats
--------------------------------------*/
.clearfix:after,
.readMore:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix,
.readMore {display:inline-block}
/* Hide from IE Mac \*/
.clearfix,
.readMore {display:block}
/* End hide from IE Mac */
* html .clearfix,
* html .readMore {height:1px}
body {
background-color: #004e9c;
background-image:url(../images/background.png);
background-repeat: repeat-x;
font:100 12px/1.5 Arial, Verdana, Sans-serif;
}
#wrap {
width:986px;
margin:0 auto;
}
#identity {
display:block;
width:144px;
height:61px;
margin:44px 0 22px 18px
}
#content {
padding:0;
/*padding-left: 75px;*/
margin-top:-2px;
width: 986px;
background-image: url(../images/backgr.jpg); background-repeat: repeat-y;
background-position: 3px;
}
#content_sus{
height: 20px;
background-image: url(../images/b1.png);
background-repeat: no-repeat;
width: 869px;
}
#content_jos{
height: 12px;
background-image: url(../images/backgr_jos.jpg);
background-repeat: no-repeat;
background-position: 1px;
}
#content_{
padding-left: 11px; padding-right: 12px;
}
#content_ p {
margin-bottom:.5em;
}
#content-stanga {
float: left;
width: 150px;
padding: 10px;
border: 1px solid #CDCDCD;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius: 6px;
-webkit-box-shadow: 1px 1px 1px #DDDDDD;
-moz-box-shadow: 1px 1px 1px #DDDDDD;
box-shadow: 1px 1px 1px #DDDDDD;
font-size: 11px;
}
h1.h1-stanga {
margin-top: 9px; margin-bottom: 15px; margin-left: -6px;
padding: 5px;
width: 97%;
background-color: #EDEDEF;
border: 1px solid #D0D0DF;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius: 6px;
-webkit-box-shadow: 1px 1px 1px #989898;
-moz-box-shadow: 1px 1px 1px #989898;
box-shadow: 1px 1px 1px #989898;
font-size: 14px; font-weight: bold;
color: #343465;
}
#cursvalutar { margin: 5px; margin-left: 10px; padding:3px; font-size: 11px; background-color: #EDEDEE; display: none; visibility: hidden; }
#linkuriutile { margin: 5px; margin-left: 10px; padding:3px; font-size: 11px; background-color: #EDEDEE; display: none; visibility: hidden; }
#content-dreapta {
float: left;
width: 750px;
padding: 10px; padding-left: 6px;
text-align: left;
font-size: 14px;
letter-spacing: 0px;
line-height: 1.25em;
color: #454556;
}
#content__ {
background-color: #FFF;
padding: 10px;
}
#content-stanga img {
padding: 3px;
border: 1px solid #C9A87D;
margin-bottom: 12px;
}
.clar { clear: both; }
h1{
font-family: 'Trebuchet MS', Tahoma, Verdana;
font-size: 20px;
text-align: left;
color: #C9A87D;
}
h2{
font-family: 'Trebuchet MS', Tahoma, Verdana;
font-size: 17px;
text-align: left;
color: #676767;
}
.jos {
font-size: 11px;
text-align: center;
color:#354656;
}
#header{
background-image: url(../images/background_titlu.jpg);
background-repeat: no-repeat;
width: 986px; height: 282px;
}
.sigla { float: left;
margin: 30px 0 0 60px;
width: 206px;
padding-top: 20px;
/*background-image: url(../images/NisipuriledeAur_.png); background-repeat: no-repeat; */
text-align: center;
}
.sigla h1 { color: #fff; font-weight: bold; font-size: 19px; font-family: Berlin, Verdana, Tahoma; text-align: center; margin:5px 0 10px 0; }
.sigla h1 a { color: #fff; }
.pdfs { background-color:#fff; width:186px; height:15px; text-align:center; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 3px 5px; display:block; color:#000; opacity:0.9 !important; filter:alpha(opacity=90) !important; border:1px solid #ccc; }
div.meniu { float: left; text-align: right; margin-top: 15px; padding-top: 10px; padding-right: 10px; width: 690px; padding-left: 20px; }
ul.meniu {
list-style: none;
padding: 0;
float: right;
}
ul.meniu li {
margin-left: -1px;
float: left;
height: 12px;
text-align: center;
font-size: 12px; font-weight: bold;
color: #006699;
padding: 9px;
padding-top: 0; padding-bottom: 4px;
border-right: 1px solid #006699;
}
ul.meniu li.activ a{
border-bottom: 3px solid #006699;
}
ul.meniu li:hover {
color: #ffffff;
}
ul.meniu a:hover {
color: #FFFFFF;
}
ul.meniu li a {
/*width: 159px;
height: 43px;
display:block;
*/
margin-top: 1px;
line-height:14px;
text-align: center;
text-decoration:none;
color: #006699;
}
/* *********** Formularele din header ************************* */
#prima-coloana-formulare{
float: left; width: 365px; height: 160px;
margin-top: 10px;
margin-left: 50px;
padding: 0;
}
#formular_cerere_de_oferta {
padding: 20px 5px 0 25px;
width:335px;
height:60px;
background:url(http://www.tomistravel.ro/Img/cerere.png) no-repeat transparent;
/*border: 1px solid #BCBCBC;
background-image: url(http://www.tomistravel.ro/Img/cerere.png);
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius: 4px;
-webkit-box-shadow: 2px 1px 2px #232343;
-moz-box-shadow: 2px 1px 2px #232343;
box-shadow: 2px 1px 2px #232343;*/
text-align: left;
font-size: 11px;
float:left;
margin:0 0 10px 0;
}
#Lyoness {
width: 200px; height: 56px;
padding: 5px; padding-top: 15px;
background:url(http://www.tomistravel.ro/Img/ly.png) no-repeat;
/*border: 1px solid #BCBCBC;
background-image: url(/Images/Hotel.png);
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius: 4px;
-webkit-box-shadow: 2px 1px 2px #232343;
-moz-box-shadow: 2px 1px 2px #232343;
box-shadow: 2px 1px 2px #232343;*/
text-align: left;
font-size: 11px;
}
#Lyoness h4 { font-size: 13px; color:olive; font-weight: bold; }
#formular_interogare {
float: left; width: 268px; height: 135px;
margin-top: 15px;
margin-left: 10px;
padding: 15px 10px 10px 15px;
/* border: 1px solid #BCBCBC;
background-image: url(/Images/Hotel.png);
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius: 4px;
-webkit-box-shadow: 2px 1px 2px #232343;
-moz-box-shadow: 2px 1px 2px #232343;
box-shadow: 2px 1px 2px #232343;*/
text-align: left;
}
#formular_interogare td { padding: 2px; }
.meniu-detalii { height:33px; width:635px; border:1px solid #D0D0DF; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -webkit-box-shadow:1px 1px 1px #989898; -moz-box-shadow:1px 1px 1px #989898; box-shadow:1px 1px 1px #989898; background-color: #FFBE0A; background: repeat-x url(http://www.tomistravel.ro/Img/bm.jpg); color:#fff; line-height:31px; }
.meniu-detalii iframe {
float: left;
margin: 5px 5px 0 7px;
}
.meniu-detalii a {
color: #FFFFFF;
font-size: 12px;
}
#meniu_orizontal {
margin: 25px 0 0 20px;
/*margin-left: 71px;*/
height:30px;
line-height:30px;
width:943px;
/*border: 1px solid #D0D0DF;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius: 6px;
background-color: #FFBE0A;
background-color: #FFCC00;*/
background: repeat-x url(http://www.tomistravel.ro/Img/bm.jpg);
-webkit-box-shadow: 1px 1px 1px #989898;
-moz-box-shadow: 1px 1px 1px #989898;
box-shadow: 1px 1px 1px #989898;
border: 1px solid #D0D0DF;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius: 6px;
-webkit-box-shadow: 1px 1px 1px #989898;
-moz-box-shadow: 1px 1px 1px #989898;
box-shadow: 1px 1px 1px #989898;
overflow:hidden;
text-align:center;
/*display:table-cell; vertical-align:middle;*/
}
a.susMeniu {
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size:15px;
color:#FFCF1D;
padding:0 50px;
text-decoration: none;
height: 28px;
display:inline-block;
font-weight:900;
}
a.susMeniu:hover {
color: #fff;
text-decoration:none;
}
/********************************** Pentru pagina principala ********************************/
div.chenar-oferta {
float: left;
margin: 3px; margin-right:0;
width: 175px;
padding: 3px;
border: 1px solid #BCBCBC;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius: 4px;
cursor: pointer;
}
img.chenar-oferta {
border: 0;
width: 175px; height: 132px;
}
.stele {
position: relative;
margin-top: -126px;
height: 15px;
padding-left:4px;
/*left: -170px;*/
}
.stele img { width: 17px; height: 15px; margin-left: -3px; }
.nume-hotel {
position:relative;
height: 40px;
background-image: url(../Images/Hotel.png);
margin-top: 71px;
font-size: 11px; font-weight: bold; color: #000;
padding-left: 3px;
}
.nume-hotel span {
font-size: 12px; font-weight: normal;
}
.nume-hotel span.pret {
color: #A90203; font-weight: bold; font-size: 13px;
}
span.nisipurile-de-aur { font-size: 11px; position: relative; top:-4px; }
/***************************** Pentru oferta ***********************************************/
.oferta { font-size: 12px; }
h1.oferta {
margin-top: 12px; margin-bottom: 19px;
padding: 7px;
width: 100%;
background-color: #FFCC00;
border: 1px solid #D0D0DF;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius: 6px;
-webkit-box-shadow: 1px 1px 1px #989898;
-moz-box-shadow: 1px 1px 1px #989898;
box-shadow: 1px 1px 1px #989898;
font-size: 15px; font-weight: bold;
color: #343465;
}
span.titlu-h1 { /*color: #C37820;*/ color: #BC3434; }
.oferta img {
float: left;
width: 130px;
border: 1px solid #BCBCBC;
padding: 3px;
margin: 8px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius: 4px;
}
.oferta td img { width:16px; height:16px; border:0; float:left;
padding: 0;
margin: 0 5px 0 0;
-moz-border-radius:0;
-webkit-border-radius:0;
border-radius: 0;
}
.small-details {
float: left;
width: 212px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius: 6px;
-webkit-box-shadow: 1px 1px 1px #989898;
-moz-box-shadow: 1px 1px 1px #989898;
box-shadow: 1px 1px 1px #989898;
padding: 5px;
margin-top: 8px;
padding-top: 12px;
}
h3.descrieresitarife{
margin-top: 20px;
margin-bottom: 15px;
font-size: 15px;
font-weight: bold;
}
.buton-rezervare{
/*margin-top: 15px; margin-bottom: 19px;
padding: 4px; padding-left: 12px; padding-right: 12px;*/
text-align:center;
text-indent:-9999px;
background:url(http://www.tomistravel.ro/Img/b_rezerva.jpg) no-repeat transparent;
/*background-color: #EDEDEF;
border: 1px solid #D0D0DF;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius: 6px;
-webkit-box-shadow: 1px 1px 1px #989898;
-moz-box-shadow: 1px 1px 1px #989898;
box-shadow: 1px 1px 1px #989898;*/
font-size: 14px; font-weight: bold;
color: #BA2323;
width:112px;
height:32px;
display:block;
}
.oferta-descr-si-tarife {
border: 1px solid #D0D0DF;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius: 6px;
-webkit-box-shadow: 1px 1px 1px #989898;
-moz-box-shadow: 1px 1px 1px #989898;
box-shadow: 1px 1px 1px #989898;
padding: 14px;
margin-top:15px; margin-bottom: 20px;
}
.oferta-descr-si-tarife table {
border: 1px solid #D0D0DF;
}
.oferta-descr-si-tarife tr:nth-child(odd) {
background-color:#f2f2f2;
}
.oferta-descr-si-tarife tr:first-child {
background-color:#FFCC00;
text-align:center;
font-weight:bold;
}
.oferta-descr-si-tarife tr td:first-child {
font-weight:bold;
}
.oferta-descr-si-tarife td {
padding:3px;
}
/********************** Pentru separarare prima pagina ********************************/
h1.prima-pag {
margin-top: 18px; margin-bottom: 11px;
padding: 5px;
width: 100%;
background-color: #FFCC00;
border: 1px solid #D0D0DF;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius: 6px;
-webkit-box-shadow: 1px 1px 1px #989898;
-moz-box-shadow: 1px 1px 1px #989898;
box-shadow: 1px 1px 1px #989898;
font-size: 15px; font-weight: bold;
color: #343465;
}
span.prima-pag { color: #BC3434; }
/********************** Pentru Harta cu clinkuri ********************************/
#scroll {
width: 770px;
margin:0;
padding:0;
overflow: auto;
}
.harta{
border: 2px solid #FFF;
}
/********************** Pentru meniul nou de pe fiecare pagina ********************************/
.meniu1pag{
height: 40px;
background: no-repeat url(../images/bckgr-meniu-1pag.png) -1px -1px;
font-family: 'Trebuchet MS', Tahoma, Arial;
font-size: 17px;
padding: 15px 6px 5px 20px;
margin-top: 7px;
letter-spacing: -1px;
margin-right: -7px;
}
.meniu1pag a { text-decoration: none; color: #039; }
h2.campanie {
font-family: 'Trebuchet MS', Arial;
font-size: 23px;
padding-top: 14px;
padding-bottom: 0;
letter-spacing: -3px;
color: #ACACAC;
font-weight: bold;
}
.rev { clear:both; }