/*
	Project: PROWEB
	File: $id$
	
	Stilurile generale folosite de catalogul web ai aplicatie de rezervare.
*/

body{
	text-align: center;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}


#page{
	width:970px;
	height: 100%;
	background-color:#8A1414;
	padding-left: 20px;
	padding-right: 1px;
	padding-top: 10px;
	margin: 0 auto;
	text-align:left;
	}


a:link, a:visited{
	color: #8A1414;
	text-decoration: none;
	}
a:hover {
		text-decoration: underline;
	}	
	
a.circuit:link, a.circuit:visited{
	font-weight: bold;
	color: rgb(42,95,144);
}

a.promotie:hover {
	background-color: rgb(250,235,194);
	text-decoration: none;
	cursor: pointer;
	}

div.promotie:hover {
	background-color: rgb(250,235,194);
	text-decoration: none;
	cursor: pointer;
	}
	
#info-header {
	height: 17px;
	margin:0 auto;
	color: #eeeeee;

	text-align: center;
	line-height: 9px;

	font-size:10px;
	font-weight:normal;
	font-variant: normal;
	}
	
	
#info-header a{
	color: #eeeeee;
	font-size:10px;
	font-weight:normal;
	text-decoration: underline;
	}
	
	
#header{
	height: 183px;
	background-image:url(Pics/header.jpg);
	background-repeat: no-repeat;
	margin-top: 1px;
	margin-bottom: 1px;
	}
#header_en{
	height: 183px;
	background-image:url(Pics/header.jpg);
	background-repeat: no-repeat;
	margin-top: 1px;
	margin-bottom: 1px;
	}
		
#sub-header{
	color: #CCCCCC;
	height: 35px;
	line-height: 30px;
	text-indent: 15px;
	font-size:11px;
	font-variant: small-caps;
	}
#sub-header a:link, #sub-header a:visited{
		color: #eeeeee;
		text-decoration: none;
		margin-left: 5px;
		margin-right: 5px;
	}
#sub-header a:hover {
		color: #eeeeee;
		text-decoration: underline;
	}	
	
#clouds {
	border: solid 4px rgb(180,180,180);
	padding: 8px;
	margin-bottom: 8px;
	background-color: rgb(250,250,250);
	font-size: 12px;
}

#clouds-1 a:link, 
#clouds-1 a:visited
{
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;	
	font-size: 11px;  
	color: orange;	
	margin-bottom: 20px;
	font-weight: bold;
	font-family: "New Times Roman";
}

#clouds-2 a:link, 
#clouds-2 a:visited
{
	text-decoration: none;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	
	font-size: 24px; 
	color: rgb(42,95,144);		
	font-family: "Mistral";
}

#clouds-3 a:link, 
#clouds-3 a:visited
{
	margin-left: 5px;
	margin-right: 5px;
	font-size: 36px; 
	color: green;
	font-family: "French Script MT";
}

/* hover tb sa fie ultimul !																				*/
#clouds a:hover {
	text-decoration: underline;
}

/* .oferte-box a:link, .oferte-box a:visited{
		color: blue;
		text-decoration: none;
	}		
*/
	
#colWrap{
	height: 100%;
	background-image:url(Pics/sub-header.jpg);
	background-repeat:no-repeat;
	background-color:#8A1414;
	}
	
#colWrap1{
	width: 750px;
	float: left;
	background-color:#8A1414;
	}
	
#colLeft{
	height: 100%;
	width: 255px;
	float: left;
	}
	
	
#left-up{
	height: 20px;
	background-image:url(images/capac_stg_1.gif);
	background-repeat:no-repeat;
	background-color: #F0F0F0;
	color: #8a1441;
	text-indent: 10px;
	line-height: 23px;
	font-weight: bold;
	font-size: 11px;
	}
	
#left-up-os{
	height: 22px;
	background-image:url(images/os/capac_sus_os.gif);
	background-repeat:no-repeat;
	background-color: #F0F0F0;
	color: #8a1441;
	text-indent: 10px;
	line-height: 23px;
	font-weight: bold;
	font-size: 11px;
	}
	
#left-down{
	height: 2px;
	background-image:url(Pics/bg-st-jos.jpg);
	background-repeat:no-repeat;
	}
	
#left{
	height: 100%;
	background-color: #F0F0F0;
	margin: 0 0;
	}
	
#cat {
	color: #8A1414;
	background-color: #FFFFFF;
	margin: 0px;
	padding-left: 15px;
	font-weight: bold;
}

#text{
	padding: 10px 10px;
	font-size: 90%;
	color: #666666;
	font-weight: bold;
	}
	
#text1{
	padding: 10px 10px;
	background-color: #FFFFFF;
	font-size: 90%;
	color: #000000;
	}
	
	
#text2{
	padding: 10px 10px;
	background-color: #F0F0F0;
	font-size: 90%;
	color: #000000;
	background-color: 
	}
	
	
#paste{
	padding-left: 10px;
	height: 33px;

	background-repeat:no-repeat;
	background-position:bottom;
	background-image:url(images/linie.gif);
}

#paste .ou{
	margin: 0 0;
	line-height: 33px;
	height: 33px;
	color: #8A1414;
	padding-top: 10px;
	padding-left: 35px;
	font-weight: normal;
	font-size: 14px;
	background-image:url(Pics/ou.gif);
	background-repeat: no-repeat;
}
#paste .soare{
	margin: 0 0;
	line-height: 33px;
	height: 33px;
	color: #8A1414;
	padding-top: 10px;
	padding-left: 35px;
	font-weight: normal;
	font-size: 14px;
	background-image:url(Pics/soare.gif);
	background-repeat: no-repeat;
}

#content{
	width: 478px;
	float: left;
	margin-left: 10px;
	}
	
#titlu{
	color: #FFFFFF;
	margin-bottom: 5px;
	}
	
#video{
	width: 475px;
	height: 240px;
	background-image:url(Pics/televizor.gif);
	margin-bottom: 15px;

	border-top: 2px solid #888;
	border-left: 2px solid #888;
	border-right: 2px solid #999;
}

#rec{
	width: 470px;
	height: 100%;
	margin-bottom: 10px;
}

#rec img 
{
	float: 			left;
	margin-right: 	0px;
	margin-bottom: 	0px;
	margin-top: 	7px;
	width: 126px;
	border: 4px solid #f0f0f0;
}

#rec a:link, 
#rec a:visited
{
	color: #efefef;
	text-decoration: none;
}
#rec a:hover
{
	color: #efefef;
	text-decoration: underline;
}

#titlu2{
	width: 310px;
	font-weight: bold;
	color: #FFFFFF;
	
	padding-bottom: 4px;
	margin-bottom: 2px;
	border-bottom: 1px solid #FFFFFF;
	
	padding-left: 	10px;
	}

#text3
{
	color: 			#FFFFFF;
	margin-left: 	10px;
}
	
	
#colRight{
	width: 198px;
	float: left;
}


#dr-top{
	background-color: #F0F0F0;
	height: 22px;
	background-image:url(images/capac_dr_1.gif);
	background-repeat:no-repeat;
	padding-left: 10px;
	line-height: 21px;
	height: 21px;
	color: #8A1414;
	font-weight: bold;
	font-size: 90%;
	}
	
	
#dr-bot{
	height: 7px;
	background-image:url(Pics/bg-dr-jos.jpg);
	background-repeat:no-repeat;
	}

#dreapta{
	height: 100%;
	background-color: #FFFFFF;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}


#titludr{
	padding-left: 10px;
	line-height: 21px;
	height: 21px;
	color: #8A1414;
	background-color: #e1e1e1;
	font-weight: bold;
	font-size: 90%;
}

#text4{
	padding: 10px 10px;
	background-color: #FFFFFF;
	font-size: 90%;
	color: #555;
}

#footer{
	width: 950px;
	font-size: 90%;
	padding-top: 15px;
	color: #FFFFFF;
	clear: left;
	height: 60px;
	border-top: 2px solid #FFFFFF;
}


#footerst a{
	color: #FFFFFF;
	}
	
#text4 a{
	color: #8A1414;
}

#text4 span a{
	color: #006699;
}

#footerst {
	float: left;
}
	
#footerdr {
	width: 148px;
	height: 49px;
	/*background-image:url(Pics/logo-jos.jpg);
	background-repeat:no-repeat;*/
	float: right;
}
	
	
#spatiu{
	clear:both;
	height: 10px;
}

.bold-red { font-weight: bold; color: rgb(160,30,30); }
.bold-blue { font-weight: bold; color: rgb(42,95,144); }
	
/***********************************************/
           .oferte-box {
                background-color: rgb(250,235,194);
               /*background-image: url('images/os/bg_os.gif');*/
                background-position: bottom right;
                background-repeat: no-repeat;
                border-right: 1px solid #d0d0d0; 
                padding: 0;
                margin: 0;
            }
            
            .menu-box {
                background-color: #fff;
                width: 180px;
                margin-bottom: 3px;
            }
            .menu-top {
                /*background-image: url(images/boxtopblue.gif);*/
                
                height: 23px;
                
                color: #8A1414;
                background-color: #fff;
                
                padding-left: 5px;
                font-size: 12px;
                font-family: Verdana;
					
				font-weight: bold;
            }
            .menu-content{
                padding-top: 3px;
                padding-left: 5px;
                padding-bottom: 3px;
                padding-right: 5px;
                font-size: 11px;
                font-family: Verdana;
                color: #333;
                background-color: #fff;
            }
            
            #vspace { height: 5px; }
            #linie-image {
            	height: 1px;
            	width: 240px;
            	margin: 0px;
            	padding: 0px;
            }
            
.bottom-panel {
	text-align: center;

	/*color: rgb(130,30,30);*/
	color: rgb(255,255,255);
	
	padding-top: 1px; 
	padding-bottom: 10px;
	/*border: 1px dotted #ACACAC;*/
	
	font-size: 11px;
    font-family: Verdana;
	font-weight: bold;
}

/* control unde apare sigla Verisign in header */
#verisign {
	text-align: center;
	/*background-color: white;*/
	margin-left: 100px;
	margin-right: 100px;
}

img#reducere-online {
	position: relative;
	/*top: 210px;
	left: 910px;*/
	top: 70px;
	left: 860px;
}


/* folosit in comun de newsletter si cerere of personal */
.buton-cerere {
	/*width: 90px;*/
	height: 18px;
	line-height: 18px;
	font-family: verdana;
	font-size: 10px;
	text-align: center;
	background-color: rgb(160,30,30);
	color: #fff;
	border: 0px solid #fff;
}
.textbox {
	border: 1px solid #888;
	text-indent: 5px;
	color: #555;
}

/* folosite la pagina jsp de rezervare */
.step { 
	font-size: 16px;
	font-family: Verdana, Arial, Times Roman;
	font-weight: bold; 
	
	color: #fff; 
	background-color: rgb(160,30,30);
	
	text-align: center;
	width: 50px;
	height: 50px;
	line-height: 50px;
	letter-spacing: 1.2px;
}

div#rezervare
{
	/*background-color: rgb(225, 241, 255);
	background-image: url('images/hp-task-bg.gif');
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0% 0%;*/
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
	/*width: 930px;*/
	
}
div#rezervare-bottom
{
	/*background-image: url('images/hp-task-end.gif');
	background-repeat: no-repeat;*/
	clear: both;
	height: 1em;
}

.rezumat-rezervare-section {
	font-family: Verdana,Arial;
	font-size: 11px;
	font-variant: small-caps;
	font-weight: bold;
	
	text-align: right;

	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #585858;
	
	color: rgb(42, 95, 144);
	
	width: 245px;
}

.rezumat-transport-label {
	font-weight: bold;
	border-bottom: 1px dashed gray;
}

.rezervare-label-nrcamere{ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}