/* 

HOSTinRO.com - CSS File

*/


/*** GLOBAL  ***/
html,body{height:100%;}
body {
	font-family:Arial, Verdana, Tahoma;
	font-size:11px;
	margin:0 auto;
	padding:0;
	color:#434141;
	height:100%;
	background-color:#f7f7f7;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #434141;
	background-color: #434141;
	height: 1px;
	margin:0px 0px 10px 0px;
	padding:0px;
}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2{margin-bottom:12px;	font-family:Arial, Verdana, Tahoma;	font-weight:normal; color:#434141}
h3, h4, h5 {margin-bottom:12px;	font-family:Arial, Verdana, Tahoma;	font-weight:normal;}
h1 {font-size:24px; line-height:26px;}
h2 {font-size:20px; line-height:18px;}
h3 {font-size:18px; line-height:18px;}
h4 {font-size:16px; line-height:15px;}
h5 {font-size:12px; line-height:15px;}

/* links */
a {color:#660066; text-decoration:none;}
a:hover{color:#660066; text-decoration:none;}
a img{border:none}
.border{ border:1px solid #c5c5c5; padding:3px;}
.imgleft{float:left; margin-right:20px;}
.imgright{float:right; margin-left:20px;}
.imgmiddle{vertical-align:middle; padding-right:6px}
/* lists, blockquotes and paragraphs */
ul, ol, blockquote {
	font-size:12px;
	line-height:18px;
	margin-bottom:15px;
	color:#434141;
}

p {
	font-size:12px;
	line-height:20px;
	margin-bottom:20px;
	color:#434141;
}

ul, ol {
	margin:10px 0 35px 30px;
}
li ol,
li ul
{
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	margin:0px 0px 0px 0px;
	color:#c6c5c5;
	padding:0px 20px 0px 25px;
	background-image:url(../images/quoleft.png);
	background-repeat:no-repeat;
	font-size:12px;
}

/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #434141;
	padding:15px 10px;
}


/*** END OF DEFAULT ELEMENT STYLES ***/


/*** CONTAINER ***/
#main_container{background-image:url(../images/bg_top_container.gif); background-color:#f7f7f7; background-repeat:repeat-x;min-height:90% !important; height:auto;}
#main_container_inner{background-image:url(../images/bg_top_container_inner.gif);  background-repeat:repeat-x; min-height:90% !important; height:auto;}
#footer_container{background-image:url(../images/bg_bottom_container.gif); background-repeat:repeat-x; height:75px; clear:both; margin-top:30px;}
/*** END OF CONTAINER ***/

/*** CENTERCOLUMN ***/
#centercolumn{width:975px; margin:0px auto 0px auto;}
/*** END OF CENTERCOLUMN ***/

/*** TOP ***/
#top{height:94px}
#top ul, #top p, #top a, #top a:visited{color:#616060;}
#top ul{list-style-type:none; margin:0px; padding:0px;}
#logo{ position: absolute; width:300px; float:left; overflow:hidden;  padding-left:10px; margin-top:10px;}
#topcontact{width:300px; float:right; padding:0px 0px 0px 0px; text-align:right;}
ul#top-nav{ list-style-type:none; font-size:11px; margin:5px 0px 13px 0px;}
ul#top-call{ list-style-type:none; font-size:14px; background-image:url(../images/icon-9.png); background-position:140px 0px; background-repeat:no-repeat; padding-top:7px;}
ul#top-call li.number{ font-size:22px;}

#facebook-like {
	position: absolute;
	width:300px;
	float:left;
	overflow:hidden;
	margin-left:310px;
	margin-top:42px;
	}


/* manu nav */
#topmenu{height:36px; float:right;}
#nav li {
	display: inline;
	background: url(../images/nav-right.gif) no-repeat right top;
	text-align: center;
	padding-right: 5px;
	margin-right: 1px;	
	float: left;
	position:relative;
}

#nav ul li a{ background-image:none !important;}

#nav a {
	color: #fff;
	background: url(../images/nav-left.gif) no-repeat left top;
	float: left;
	margin:	0;
	padding-left:0px;
	text-decoration: none;
	padding-left: 5px;
	font-size:14px;
	font-weight:normal;
}


#nav a:hover{ color:#ffcccc;}

#nav a span {
	background: url(../images/nav-center.gif) repeat-x center top;
	display: block;
	padding:8px 25px 10px 25px; 

}

/* ///////////////// */

#cont li {
	display: inline;
	background: url(../images/cont-right.gif) no-repeat right top;
	text-align: center;
	padding-right: 5px;
	margin-right: 1px;	
	float: left;
	position:relative;
}

#cont ul li a{ background-image:none !important;}

#cont a {
	color: #fff;
	background: url(../images/cont-left.gif) no-repeat left top;
	float: left;
	margin:	0;
	padding-left:0px;
	text-decoration: none;
	padding-left: 5px;
	font-size:14px;
	font-weight:normal;
}


#cont a:hover{ color:#ffcccc;}

#cont a span {
	background: url(../images/cont-center.gif) repeat-x center top;
	display: block;
	padding:8px 25px 10px 25px; 
}

#cont{margin:0px;  padding:0px; list-style-type:none;  float:left;  z-index:15; position:relative;}
#cont ul{margin:0px; padding:0px; list-style-type:none; z-index:16; position:relative;}
#cont li{ position:relative; }
#cont li a:hover{color:#ffcccc; text-decoration:none}
#cont li a.active{color:#ffcccc;}
#cont li li{
margin-top:0;
background-image:none;
position:relative;
z-index:10;
border-bottom:solid 1px #45013d;
padding:0px 0px;
display:block;
}
#cont ul {
display:none;
left:2px;
position:absolute;
top:36px;
width:150px;
z-index:10;
border:solid 1px #0c0c0c;
background-color:#240220;
border-width:0px 1px 1px 1px;
padding:0px 10px;

}
#cont li ul a{
height:auto;
float:left;
text-align:left;
padding:0px 0px 0px 0px;
font-size:14px;
font-weight:normal;
line-height:30px;
z-index:10;
color:#fff;

}
#cont ul ul{top:auto;border-top:none; border:solid 1px #e6e7df; border-width:1px 1px 1px 1px;}	
#cont li ul ul {left:123px; top:0px;}
#cont li:hover ul ul, #cont li:hover ul ul ul, #cont li:hover ul ul ul ul{display:none;}
#cont li:hover ul, #cont li li:hover ul, #cont li li li:hover ul, #cont li li li li:hover ul{display:block;}
#cont li ul a{border-top:none;}


/* ///////////////// */


#nav{margin:0px;  padding:0px; list-style-type:none;  float:left;  z-index:15; position:relative;}
#nav ul{margin:0px; padding:0px; list-style-type:none; z-index:16; position:relative;}
#nav li{ position:relative; }
#nav li a:hover{color:#ffcccc; text-decoration:none}
#nav li a.active{color:#ffcccc;}
#nav li li{
margin-top:0;
background-image:none;
position:relative;
z-index:10;
border-bottom:solid 1px #45013d;
padding:0px 0px;
display:block;
}
#nav ul {
display:none;
left:2px;
position:absolute;
top:36px;
width:150px;
z-index:10;
border:solid 1px #0c0c0c;
background-color:#240220;
border-width:0px 1px 1px 1px;
padding:0px 10px;

}
#nav li ul a{
height:auto;
float:left;
text-align:left;
padding:0px 0px 0px 0px;
font-size:14px;
font-weight:normal;
line-height:30px;
z-index:10;
color:#fff;

}
#nav ul ul{top:auto;border-top:none; border:solid 1px #e6e7df; border-width:1px 1px 1px 1px;}	
#nav li ul ul {left:123px; top:0px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}
#nav li ul a{border-top:none;}

/*** END TOP ***/



/*** HEADER ***/
#header{width:975px; height:350px;}
#header_inner{width:975px; background-image:url(../images/bg_header_inner.png); background-repeat:no-repeat; height:150px;}
/*** END HEADER ***/

/*** SIDEBAR ***/
#box-sidebar{ width:291px; float:left;}
#mobilpay{ width:291px; float:left;}
.sidebar-text { padding:10px 20px; text-align:left; font-size: 12px; font-family: Verdana; }

.box-white-r{ width:291px; background-image:url(../images/box_white_r.gif); background-repeat:repeat-y;}
.box-white-t{ width:291px; height:6px; background-image:url(../images/box_white_t.gif); background-repeat:no-repeat; background-position:top;}
.box-white-b{ width:291px; height:6px; background-image:url(../images/box_white_b.gif); background-repeat:no-repeat; background-position:bottom;}


.box-green-r{ width:291px; background-image:url(../images/box_green_r.gif); background-repeat:repeat-y;}
.box-green-t{ width:291px; height:6px; background-image:url(../images/box_green_t.gif); background-repeat:no-repeat; background-position:top;}
.box-green-b{ width:291px; height:6px; background-image:url(../images/box_green_b.gif); background-repeat:no-repeat; background-position:bottom;}
.suport{ width:291px; background-image:url(../images/suport.png); background-repeat:no-repeat; background-position: bottom right; }
.suport-text { padding:20px 20px; font-size: 12px; font-family: Verdana; line-height:160%; }

.box-blue-r{ width:291px; background-image:url(../images/box_blue_r.gif); background-repeat:repeat-y;}
.box-blue-t{ width:291px; height:6px; background-image:url(../images/box_blue_t.gif); background-repeat:no-repeat; background-position:top;}
.box-blue-b{ width:291px; height:6px; background-image:url(../images/box_blue_b.gif); background-repeat:no-repeat; background-position:bottom;}
.card{ width:291px; background-image:url(../images/credit-card.png); background-repeat:no-repeat; background-position: center right;}
.card-text { padding:20px 20px; font-size: 12px; font-family: Verdana; line-height:160%; }

.sidebox{ padding:5px 5px;}
.sidebox ul{ margin:0px; padding:0px; list-style-type:none; }
.sidebox ul li { border-bottom:1px solid #ebeaea; padding:16px 0px 16px 40px; font-size:15px; }
.sidebox ul li.one{ background-image:url(../images/icon-1.png); background-repeat:no-repeat; background-position:9px 17px;}
.sidebox ul li.two{ background-image:url(../images/icon-2.png); background-repeat:no-repeat; background-position:9px 8px;}
.sidebox ul li.three{ background-image:url(../images/icon-3.png); background-repeat:no-repeat; background-position:9px 8px; border:0px;}
.sidebox ul li a, .sidebox ul li a:visited{ color:#333333;}
.sidebox ul li a:hover{ color:#636262; text-decoration:none;}



.sidebar{ padding:20px 20px;}
.sidebar ul{ margin:0px; padding:0px; list-style-type:none; }
.sidebar ul li { border-bottom:1px solid #ebeaea; padding:10px 0px 10px 18px; font-size:14px; font-weight:bold; background-image:url(../images/arrow.png); background-repeat:no-repeat; background-position:7px 14px; }
.sidebar ul li a, .sidebar ul li a:visited{ color:#434141;}
.sidebar ul li a:hover{ color:#636262; text-decoration:none;}

.box-grey-t{ width:291px; height:6px; background-image:url(../images/box_grey_t.gif); background-repeat:no-repeat; background-position:top;}
.box-grey-b{ width:291px; height:6px; background-image:url(../images/box_grey_b.gif); background-repeat:no-repeat; background-position:bottom; margin-bottom:15px;}
.testibox{width:291px; background-image:url(../images/box_grey_r.gif); background-repeat:repeat-y; }
.pad-testi{ color:#fff; padding:15px 21px; padding-bottom:4px;}
.pad-testi h2{ color:#fff; font-weight:bold;}


/*** END SIDEBAR ***/



/*** CONTENT ***/
#main-content-full{ width:950px; float:left; margin-left:0px;}
#main-content{ width:648px; float:left; margin-left:35px;}
#content{ margin:10px 0px;}

.content-text {
	font-family:Arial, Verdana, Tahoma;
	line-height:160%;
	font-size:14px;
	margin:0 auto;
	padding:0;
	color:#333333;
	}

.abonamente-content {
	width:650px;
	min-height:265px;
	margin-top:-15px;
	}
	
.abonamente-sms {
	width:650px;
	min-height:265px;
	float:left;
	margin-top:15px;
	}	

.abo-blog {
	position:absolute;
	width:205px;
	height:262px;
	background-image:url(../images/blog-homepage.png);
	}

.abo-blog-sms {
	position:absolute;
	width:205px;
	height:262px;
	background-image:url(../images/abo-blog-sms.png);
	}	
	
.abo-blog-text {
	margin-top:120px;
	margin-left:20px;
	width:194px;
	height:150px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#003300;	
	}

.abo-blog-pret {
	position:absolute bottom;
	margin-top:-6px;
	height:50px; 
	font-family:Nunito, Candal, Coda, Arial, Verdana, Helvetica, sans-serif;
	font-size:30px;
	padding-left:4px;
	color:#003300;	
	}

.abo-mediu {
	position:absolute;
	margin-left:220px;
	float:left;
	width:205px;
	height:262px;
	background-image:url(../images/mediu-homepage.png);
	}
	
.abo-mediu-sms {
	position:absolute;
	margin-left:220px;	
	width:205px;
	height:262px;
	background-image:url(../images/abo-mediu-sms.png);
	}
	
.abo-mediu-text {
	margin-top:120px;
	margin-left:20px;
	width:194px;
	height:150px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#000066;	
	}
	
.abo-mediu-pret {
	position:absolute bottom;
	margin-top:-6px;	
	height:50px; 
	font-family:Nunito, Candal, Coda, Arial, Verdana, Helvetica, sans-serif;
	font-size:30px;
	padding-left:4px;
	color:#000066;	
	}
	
.abo-pro {
	position:absolute;
	margin-left:440px;
	float:left;
	width:205px;
	height:262px;
	background-image:url(../images/pro-homepage.png);
	}

.abo-pro-sms {
	position:absolute;
	margin-left:440px;
	width:205px;
	height:262px;
	background-image:url(../images/abo-pro-sms.png);
	}

.abo-pro-text {
	margin-top:120px;
	margin-left:20px;
	width:194px;
	height:150px;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#9900FF;	
	}

.abo-pro-pret {
	position:absolute bottom;
	margin-top:-6px;	
	height:50px; 
	font-family:Nunito, Candal, Coda, Arial, Verdana, Helvetica, sans-serif;
	font-size:30px;
	padding-left:4px;
	color:#9900ff;	
	}

.comanda {
	position:absolute bottom right;
	margin-top:-40px;
	float:right;
	width:110px;
	height:50px; 
	font-family:Nunito, Candal, Coda, Arial, Verdana, Helvetica, sans-serif;
	font-size:16px;
	text-align:right;
	padding-right:4px;
	color:#333333;
	}

.tabel_sms {
	margin-top:15px;
	width:650px;
	border:1px solid #999999;
	}
	
.sapou {
	width:650px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-indent:5px;
	line-height:150%;
	}
	
.sapou li {
	list-style:lower-roman;
	text-indent:0px;
	}

#line {
	border-bottom:1px solid #999999;
	}

/*** END CONTENT ***/


/*** FOOTER ***/
#footer_container{color:#fff;}
#foot{text-align:center; padding:30px 0px 0px 0px;}
/*** END OF FOOTER ***/