/* CSS Document */
/* pensiunea residenza style */


HTML{		
margin: 0px;
padding: 0px;
}

BODY{					
margin: 0px;
padding: 0px;
background: #643200 url(imagesMain/bg_global.gif) repeat;
}

h1,h2,h3,h4,h5,h6 {
margin: 0;
padding: 0;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
display: none;
} 

abbr, acronym {
text-decoration: none;
}

ul {
margin: 0;
padding: 0;
list-style: inside;

}

li {
margin: 0 0 5px 0;
padding: 0;
list-style-image: url(imagesMain/bullet1.gif);
}

/* begin div ID */

#containerGlobal {
margin: 0 auto;
width: 750px;
background-color: transparent;
}

#header {
float: left;
width: 745px;
height: 267px;
}

#left {
position: relative;
float: left;
width: 240px;
height: 339px;
background: transparent url(imagesMain/bg_newsletter.jpg) no-repeat;
}

#container {
float: left;
position: relative;
width: 505px;
height: 339px;
}

.bgContinut {
width: 505px;
height: 339px;
background: #681300 url(imagesMain/bg_continut.jpg) no-repeat;
}

#footer {
float: left;
width: 745px;
height: 74px;
}

.intro {
margin: 5px 0 0 30px !important;
margin: 5px 0 0 15px;
float: left;
width: 217px;
height: 327px;
background: transparent url(imagesMain/pensiune.jpg) no-repeat;
}

.oferte {
width: 232px;
height: 300px;
overflow: hidden;
}

.oferteContainer {
margin: 20px 0 20px 20px;
width: 230px;
}

.oferteContainer ul {
margin: 5;
padding: 0;
}

.desp {
width: 232px;
height: 20px;
background: transparent url(imagesMain/desp.gif) no-repeat top center;
}

.desp3 {
width: 220px;
height: 20px;
background: transparent url(imagesMain/desp3.gif) no-repeat center center;
}

.titluOferte {
width: 237px;
height: 62px;
}

#butInscrie {
float: left;
width: 75px;
height: 44px;
background: transparent url(imagesMain/but_inscrie.gif) no-repeat;
}

#butIntra {
float: left;
width: 75px;
height: 44px;
background: transparent url(imagesMain/but_intra.gif) no-repeat;
}

#butTururi {
float: left;
width: 152px;
height: 66px;
background: transparent url(imagesMain/but_tururi.gif) no-repeat;
}

#butTururiV {
margin: 3px 0 0 0;
}

#butTururiV   span{
display: none;
}

#butTururiV  a{
height: 33px;
background-position: left top;
}

#butTururiV  a:hover{
height: 33px;
background-position: left bottom;
}

#butTrimite {
float: left;
width: 118px;
height: 56px;
background: transparent url(imagesMain/but_trimite_mesaj.gif) no-repeat;
}

#butContact {
height: 28px;
margin: 0;
}

#butContact   span{
display: none;
}

#butContact a{
height: 28px;
background-position: left top;
}

#butContact  a:hover{
height: 28px;
background-position: left bottom;
}

#butNewsletter {
position: absolute;
top: 145px;
left: 40px;
}

#butNewsletter  span{
display: none;
}

#butNewsletter a{
height: 22px;
background-position: left top;
}

#butNewsletter a:hover{
height: 22px;
background-position: left bottom;
}

#butGalerie {
position: absolute;
top: 275px;
left: 40px; 
}

#butGalerie  span{
display: none;
}

#butGalerie a{
height: 22px;
background-position: left top;
}

#butGalerie a:hover{
height: 22px;
background-position: left bottom;
}

#galerieThumbs {
position: absolute;
top: 217px;
left: 30px;
width: 179px;
height: 58px;
background: transparent url(imagesMain/galerie_thumbs.jpg) no-repeat;
}

.titluContinut {
position: absolute;
float: left;
top: 0;
left: 30px;
width: 237px;
height: 40px;
}

.titluGalerie {
position: absolute;
float: left;
top: 0;
left: 30px;
width: 237px;
height: 52px;
}

.textContinut {
position: absolute;
float: left;
top: 50px;
left: 20px;
width: 210px;
}

.textContinut2 {
position: absolute;
float: left;
top: 50px;
left: 255px;
width: 210px;
}

.textContinut3 {
position: absolute;
float: left;
top: 75px;
left: 28px;
width: 450px;
height: 200px;
}

.textContinut4 {
position: absolute;
float: left;
top: 50px;
left: 20px;
height: 210px;
}

.harta {
position: absolute;
top: 70px;
left: 250px; 
width: 219px;
height: 220px;
background: transparent url(imagesMain/th_harta.jpg) no-repeat;
}

.formNewsletter {
position: absolute;
float: left;
top: 75px;
left: 40px;

width: 200px;
}

.formNewsletter form{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #641700;
}

.formNewsletter form input {
display: block;
margin: 0 0 3px 0;
width: 120px;
height: 12px;
clear: both;
border: #CEB5A6 1px solid;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #641700;
}

.adresa {
position: absolute;
float: left;
top: 65px;
left: 20px;
}

.formContact {
margin: 15px 0 0 0;
float: left;
display: block;
}

.formContact form{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #641700;
}

.formContact form label {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #F5E9BF;
}

.formContact form input {
margin: 0 0 5px 0;
display: block;
width: 120px;
height: 16px;
clear: both;
border: #3E0000 1px solid;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #641700;
background-color: #F4E8BF;
}

.formContact form textarea {
display: block;
width: 200px;
height: 50px;
clear: both;
border: #CEB5A6 1px solid;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #641700;
background-color: #F4E8BF;
}

.galerie {
float: left;
margin: 0 5px 5px 0;
padding: 2px;
border: #CEB5A6 1px solid;
}

.paginare {
float: left;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #F5E9BF;
}

.txContinut {
text-indent: 10px;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #F5E9BF;
}

.txContinut2 {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #F5E9BF;
}

.txContinutBold {
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #F5E9BF;
}

.txContinutBold2 {
font-size: 11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #F5E9BF;
}

.clearerRight {
width: 0;
height: 0;
clear: right;
}

.clearerLeft {
width: 0;
height: 0;
clear: left;
}

.clearerBoth {
width: 0;
height: 0;
clear: both;
}

a {
color: #b0a78a;
}

a:hover {
color: #F5E9BF;
text-decoration: none;
}