/*  Main Stylesheet / Project:	ronix.ro */

@charset "utf-8";

* { margin:0; padding:0; }
body {  padding:0; margin:0;  background:url(../../../images/bg.png) repeat-x top center; background-color:#fff;}

A:link { text-decoration:none; color: #fff; font-family:Arial, Helvetica, sans-serif;}
A:visited {  text-decoration:none; color: #fff; font-family:Arial, Helvetica, sans-serif;}
A:hover { color: #F00;  text-decoration:none;  font-family:Arial, Helvetica, sans-serif;}

h1 { font-size:20px;  color:#111;  font-weight: bold; font-family: Lucida Sans, Helvetica,'Lucida Grande';}
h2 { font-size:15px; font-weight:bold; color:#111; font-family:Arial, 'Lucida Grande', Helvetica; letter-spacing:-1;}
h3 {font-size:20px;  color: #036;  font-weight: bold; font-family: Lucida Sans, Helvetica,'Lucida Grande'; text-align:center;}
h4 { font-size:18px;  color:#036;  font-weight: bold; font-family: Lucida Sans, Helvetica,'Lucida Grande';}
h5 { font-size:14px; color:#111; color: #03C; font-variant:small-caps; font-weight:bold; }
h6 {font-size:16px; font-weight:bold;  color: #090976; margin-bottom:3px;  font-family:Arial,  'Lucida Grande', Helvetica;}
h7 {font-size:13px; letter-spacing:-0.5px; padding:0; margin:0; color:#111; font-weight:700; line-height:13px;  font-family:Arial, 'Lucida Grande', Helvetica;}
 
#title { margin:0 auto; width:950px; height:34px;   }

#header{ margin: 0 auto; clear:both;width:1005px;  }

#content P{ font-family: "Lucida Sans", "Lucida Grande", sans-serif; font-size:12px; line-height:24px; }

#Logo_link{float:left;margin-top:5px;height:95px; margin-left:5px;cursor:pointer;}
 
#menu { clear:both; float:left; height:60px; width:1005px; margin-top:40px; margin-top:60px !important!; _margin-top:40px; text-align:right; background:url(../../../images/menu_bg.png) no-repeat center;   }

#news span { text-align:left; font-size:11px; margin-left:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}

#header_top {   margin:0 auto; width:960px;  padding:0; clear:both; } 

#banner728 { width:728px; border:1px solid #EBE9E9; float:left; margin:0 auto; margin-left:10px; background:url(../../../images/banner_bg.jpg) no-repeat; height:90px;   } 

#container {  margin:0 auto;  padding:0;  margin-bottom:5px; clear:both; }

#container_inner { width:960px; height:1000px; margin:0 auto;  padding:0; margin-top:5px; margin-bottom:5px; }

#left { float:left; display:block; width:170px; height:700px; background-color:#eaebef; margin-left:10px; _margin-left:5px;}

#center {float:left; display:block; width:480px; padding-left:10px; margin-right:5px;}

#right { width:300px; float:right; padding:0px; margin-right:10px; _margin-right:5px;}

#back_to_top { width:905px;  background:url(../../../images/back_bg.jpg) right no-repeat; height:36px;  margin:0 auto;  padding:0; }

#under_menu { clear:both; display:block; width:990px; margin: 0 auto; height:85px;}

#under_menu img{ margin-left:70px;}

#content {  background:url(../../../images/container_bg.png) repeat-y top center; width:1016px;  margin: 0 auto;}

#content_bg_top { background:url(../../../images/container_bg_top.png) no-repeat top center; height:16px; width:1016px; margin: 0 auto;} 

#content_bg_bottom { background:url(../../../images/container_bg_bottom.png) no-repeat top center; height:16px; width:1016px; margin: 0 auto;} 


.viziunea_ronix { width:360px; height:259px; background:url(../../../images/viziunea_ronix.png) center top; margin: 0 auto; }

.viziunea_ronix P{ padding-top:120px; text-align:center;}

.membrii_ronix { width:360px; height:200px; background:url(../../../images/membrii.png) center top no-repeat; margin: 0 auto; }

.membrii_ronix P{ padding:10px; text-align:center;}

.afilieri { width:360px; height:259px; background:url(../../../images/afilieri.png) center top no-repeat; margin: 0 auto; }

/* Center */ 

#container_left{ width:575px; float:left; padding-left:30px;}

#container_right{ width:355px; padding-left:25px; float:left;}

.container_inner_left { width:285px; padding-right:30px; float: left; border-right:1px solid #eae8e5;}

.container_inner_right { width:220px; padding-right:15px;  padding-left:15px; float: right; border-right:1px solid #eae8e5;} 

.container_page_left { width:540px; padding-right:30px; float: left; border-right:1px solid #eae8e5;  font-family: "Lucida Sans", "Lucida Grande", sans-serif; font-size:12px; line-height:24px;}

.container_page_left2 { width:940px; padding-right:30px; float: left; font-family: "Lucida Sans", "Lucida Grande", sans-serif; font-size:12px; line-height:24px;}

.container_page_left table td{ line-height:40px; padding-left:5px;}

.container_page_left2  table td{ line-height:40px; padding-left:5px;}

table.tabel_membri td{ line-height:65px; padding:5px; border-bottom:1px solid #eaeaea;}

A.membrii_ronix:link { width:91px; height:82px; background:url(../../../images/membrii_ronix.png) no-repeat center; display:block; margin-left:70px;  float:left; }
A.membrii_ronix:visited { width:91px; height:82px; background:url(../../../images/membrii_ronix.png) no-repeat center; display:block; float:left;margin-left:70px; }
A.membrii_ronix:hover { width:91px; height:82px; background:url(../../../images/membrii_ronix_hover.png) no-repeat center; display:block; }


A.detalii_tehnice:link { width:94px; height:82px; background:url(../../../images/detalii_tehnice.png) no-repeat center; display:block; margin-left:70px;  float:left; }
A.detalii_tehnice:visited { width:94px; height:82px; background:url(../../../images/detalii_tehnice.png) no-repeat center; display:block;  float:left; margin-left:70px;}
A.detalii_tehnice:hover { width:94px; height:82px; background:url(../../../images/detalii_tehnice_hover.png) no-repeat center; display:block; }

A.matrice_conectare:link { width:117px; height:82px; background:url(../../../images/matrice_conectare.png) no-repeat center; display:block; margin-left:70px; float:left; }
A.matrice_conectare:visited { width:117px; height:82px; background:url(../../../images/matrice_conectare.png) no-repeat center; display:block; float:left;margin-left:70px; }
A.matrice_conectare:hover { width:117px; height:82px; background:url(../../../images/matrice_conectare_hover.png) no-repeat center; display:block; }

A.statistici_trafic:link { width:100px; height:82px; background:url(../../../images/statistici_trafic.png) no-repeat center; display:block; margin-left:70px;  float:left; }
A.statistici_trafic:visited { width:100px; height:82px; background:url(../../../images/statistici_trafic.png) no-repeat center; display:block; float:left;margin-left:70px; }
A.statistici_trafic:hover { width:100px; height:82px; background:url(../../../images/statistici_trafic_hover.png) no-repeat center; display:block; }

A.looking_glass:link { width:95px; height:82px; background:url(../../../images/looking_glass.png) no-repeat center; display:block; margin-left:70px; float:left; }
A.looking_glass:visited { width:95px; height:82px; background:url(../../../images/looking_glass.png) no-repeat center; display:block; float:left;margin-left:70px; }
A.looking_glass:hover { width:95px; height:82px; background:url(../../../images/looking_glass_hover.png) no-repeat center; display:block; }

/* Menu */

#footer { margin: 0 auto; width:990px; text-align:center;}

.flags { float:right;margin-top:10px; padding-right:20px;  line-height:40px;}

ul.menu { float:left; margin-top:10px;  width:960px; line-height:35px; display:block; font-family:Arial, Helvetica, sans-serif;} 
ul.menu li { float:left; font-size:13px; margin-left:20px;  font-family:Arial, Helvetica, sans-serif;}
ul.menu li a, ul.menu li a:visited{color:#fff;  font-size:13px; font-weight:bold; display:block;  }
ul.menu li a:hover{color:#FFC221; }

ul.smallmenu {  width:960px; margin:0 auto; padding:0; margin-top:5px; height:14px;  font-family:Arial, Helvetica, sans-serif;}
ul.smallmenu li { float:right; font-size:11px; margin-right:10px;  font-family:Arial, Helvetica, sans-serif;}
ul.smallmenu li a, smallmenu li a:visited{color:#111; padding:3px 3px 0 3px; height:14px; font-size:11px;  text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; }
ul.smallmenu li a:hover{color:#FFC221; font-family:Arial, Helvetica, sans-serif;  text-transform:uppercase;}


A.link:link { display:block; color:#090976;  } 
A.link:visited { display:block; color:#090976;}
A.link:hover { display:block; text-decoration:underline; color:#FF0000; }

A.link2:link { font-size:11px; color:#333; font-family:Arial, Helvetica, sans-serif;  }
A.link2:visited { font-size:11px;  color:#333; font-family:Arial, Helvetica, sans-serif;}
A.link2:hover { font-size:11px; color:#003D8E; text-decoration:underline;  font-family:Arial, Helvetica, sans-serif;}

.footer_links { font-size:11px; color: #CCCCCC; text-align:center; padding-right:10px; padding-top:10px;}

/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 auto;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .3em; 
	-moz-border-radius: .3em;
	border-radius: .3em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	color:#FFF;
	
	
}

.button:hover {
	text-decoration: none;
	color:#FFF;
}
.button:active {
	position: relative;
	top: 1px;
	color:#FFF;
}
.medium {
	font-size: 12px;
	padding: .6em 1.5em .50em;
	
}

/* blue */
.blue {
	color: #000068;
	border: solid 1px #000068;
	background: #000068;
	background: -webkit-gradient(linear, left top, left bottom, from(#0707a9), to(#000068));
	background: -moz-linear-gradient(top,  #0707a9,  #000068);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0707a9', endColorstr='#000068');
}
.blue:hover {
	background: #0707a9;
	background: -webkit-gradient(linear, left top, left bottom, from(#000068), to(#0707a9));
	background: -moz-linear-gradient(top,  #000068,  #0707a9);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000068', endColorstr='#0707a9');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#00678e), to(#0095cc));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00678e', endColorstr='#0095cc');
}

/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}



.user_line { color:#FFC221; font-size:9px;} 
/* Utils*/

table#matrice td {border:1px dotted #f1f1f1; padding: 2px; line-height:30px;}

table#matrice2 td {border:1px dotted #f1f1f1; border-bottom:1px solid #ccc; padding: 5px; line-height:30px;}


table#matrice th{border:1px dotted #ccc; line-height:14px; padding:7px; font-weight:bold;}
.date { color:#692087; font-weight:bold; font-family: "Lucida Sans", "Lucida Grande", sans-serif; font-size:11px;}

.hr { border:1px solid #eaebe5;}
.more { float:right; font-size:10px; padding-top:5px; padding-right:20px;font-family: 'Lucida Sans','Lucida Grande', Helvetica; }
.border_bottom li{border-bottom:1px solid #FFFFFF;}
.float_right { float:right;}
.float_left { float:left;}
.spacing {clear:both; height:1px;}
.clear { clear: both; line-height:10px;}

