/*

-----------------------------------------------------------

Theme Name: stivuitor

Theme URI: http://www.stivuitor.ro/

Description:  Template creat de  Razvan Patrascu toate drepturile rezervate, inscrisa sub licenta GPL.
Version: 1.0
Author: Razvan Patrascu 
Author URI: http://www.stivuitor.ro/

-----------------------------------------------------------

*/


/* ------------------------------------------------------------------------------------------------*/

ul { margin-left: 0; padding-left: 5px; }
li { 	margin: 0 0 2px 15px; padding: 0 0 0 0px; color: #555; }
.sub  {margin: 0 0 2px 30px; padding: 0 0 0 0px;  color: #888; }

p { margin: 0 0 5px 0; padding: 0; color: #808080; background: inherit; }
a { color: #075181; background: inherit; text-decoration:none; }
a:hover { background: inherit; text-decoration:underline; }

h1 { 
	padding:0; 
	margin:0; 
	color: #FFF; 
	background: inherit;
	font: bold 1.8em Arial, Sans-Serif; 
	letter-spacing: -1px;
}

h1 a { color: #FFF; background: inherit; }

h2 { 
	
	color:#075181;
	font-size:140%; 
	font-weight:bold; 
	margin: 5px 0 5px 0px; 
        text-align: center;
	
}

h2 a { background: #FFF; color: #075181; }
h2 a:hover { background: #FFF; color: #68ADD5; text-decoration:none;  }

/**************** Body and tag styles ****************/


body { 
	margin:0px 0; 
	padding:0; 
	font: 74% Arial, Sans-Serif; 
	color:#ccc;  
	background: #303B41 url(./images/bg.jpg) repeat-x;
	line-height: 1.4em; 
}
.content { 
	background: #FFF url(./images/mainbg.jpg) repeat-y center;
	color: #ccc; 
	margin: 0 auto; 
	padding: 0; 
	width: 800px;
}

/* HEADER 
------------------------------------------------------------------------
*/
#top {
	padding: 0;
	margin: 0;
	background: #000 url(./images/top4.jpg) no-repeat top;
	height: 44px;
}

#top .padding { 
	float: right;
	color: #808080;
	padding: 20px 25px 0 0;
	font-size: 90%;
}

#top a { color: #E0F5FF; }


#header { 
	margin: 0; 
	width: 800px; 
	background: #da5836 url(./images/header5.jpg) no-repeat center top;  
	height: 149px; 
	color: #FFF; 
}

#header .title {	
        
        padding: 5px 0 0 450px; 

}
#header h1 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 22px; font-weight: bold;
		margin: 0;
		padding: 0; 
}

#header h2 {
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 12px; 
		background-image: none;
		color: #fff;
		margin: 0;
		padding: 0 0 0 25px;
}


/*  Top Menu */
#menu {
	background: #da5836 url(./images/menu.jpg) no-repeat center bottom;
	width: 760px;
	height: 35px;
	margin: 0;
	padding: 0;
        font-size: 13px ;
      
}

#menu ul { 
        margin:0; 
        list-style:none; 
        padding: 2px 0 0 20px; 
}

#menu a, #nav strong, #nav span { 
         float:left; 
         display:block; 
         color:#fff; 
         padding: 0 5px 0 5px; 
         text-decoration:none;  
}

#menu a { float:none; }

#menu li { 
         float:left; 
         color: #FFF; 
         background: #da5836; 
         margin: 5px; padding:0 0 0 0px; 
}

#menu a:hover { text-decoration:underline;}  

#menu .padding {  
         padding: 5px 0 0 10px; 
         font-weight: bold; 
}


/* SUBHEADER 
----------------------------------------------------------------------------------*/
#subheader { 
	background: #da5836 repeat-y center;
	width: 770px;
	height: 35px;
	color: #da5836;
	margin-left: 15px;
	
}
#subheader .padding { padding: 10px 15px 10px 15px; }
#subheader h2 { color: #FEAB06; }
#subheader a {color: #fff; }


/* MAIN
-------------------------------------------------------------------------------------------*/
#main { background: #FFF; width: 760px; margin: 0 20px 0 20px; color: #808080; }  
#main .right_side { 
        float: right;
	padding: 0; 
        margin:10px 0 0 20px;
	background-color: #FFF;
	width: 155px; 
}

#main .left_side { 
        float: left; 
        width: 550px; 
        background: #FFF; 
        padding:15px 5px 0 20px; 
        margin:0; 
}

* html body #main .left_side { 
        padding: 15px 0px 0 20px;
        width: 570px; 
        background: #FFF; 
        padding:15px 5px 0 0px; 
        margin:0; 
}

#main h3 {  
        font: 150% Arial, Sans-Serif; 
        margin: 0 0 10px 0px; 
        padding: 0;  
        color: #5f5f5f; 
        background: inherit; 
}

#main .box  {	
       background: #efefef; 
       padding: 5px; 
       border: 1px solid #ccc;}

#main .right_side ul { 
	margin: 5px 5px 5px 0; 
	padding : 0; 
        list-style: none;
	color: #a90000;
}
	
#main .right_side li { 
	margin: 0 0 2px 0px;
	padding: 0 0 0 30px;
	color: #555;
}


/* -----MENU CENTER-------------------------------*/

#menu_index  {
         float : left;
         width : 500px;
         padding: 7px 0 30px 10px;
         
}

* html body #menu_index {
         padding: 7px 0 10px 0px;
         width: 530px;

}
#menu_index ul {
         list-style : none;
         margin-left : 5px;
}

* html body #menu_index ul {
       list-style : none;
       margin-left: -20px;
}

html>body #menu_index ul li {
        height : 215px;
        width :180px;
} 

* html body #menu_index ul li {
       height : 210px;
       width :180px;

}

#menu_index ul li {
       float : left;
       height : 215px;
       width : 180px;
       background-color : #fff;
       margin-right : 5px;
       margin-bottom : 23px;
       margin-left: 30px;
       padding : 10px;
       border : 4px solid #bcbab9; 
       display : table;
}

#menu_index ul li h1 {
       font-size : 23px;
       color : #000;
       letter-spacing : -0.1em;
       margin-top : -10px;
}
#menu_index ul li a {
       text-decoration:none;
       color:#da5836;                     

}

#frame  {
         float : left;
         width : 175px;
         text-align : justify;
         margin-top : 20px;
       
}
#frame p {color: #00ff48;}
#frame a {
         font-weight : bold;
         font-family : Arial, Helvetica, sans-serif;
         font-size : 14px;
         margin-left : 10px;
} 

/* MENU CENTER MIC MOTOSTIVUITOARE
-----------------------------------------------------------------------------------------*/

#menu_index1  {
         float : left;
         width : 550px;
         padding: 7px 0 30px 10px;
         
}


#menu_index1 ul {
         list-style : none;
         margin-left : 5px;
}


* html body #menu_index1 ul li {
       height : 165px;
       width :180px;

}

#menu_index1 ul li {
       float: left;
       height : 115px;
       width :140px;
       background-color : #000;
       margin : 5px;
       padding-top:10px;
       border : 2px solid #aaa8a0; 
       display : table;
}

#menu_index1 ul li h1 {
       font-size : 23px;
       color : #fde172;
       letter-spacing : -0.1em;
       margin-top : -10px;
}
#menu_index1 ul li a {
       text-decoration:none;
       color:#fde172;                     

}

#frame1  {
         float : left;
         width : 175px;
         text-align : justify;
         margin-top : 20px;
       
}
#frame1 p {color: #00ff48;}
#frame1 a {
         font-weight : bold;
         font-family : Arial, Helvetica, sans-serif;
         font-size : 14px;
         margin-left : 10px;
}

/* FOOTER
-----------------------------------------------------------------------------------------*/
#footer { 
	clear:both;
	height: 43px;
	color:#ccc;  



	background: #000 url(./images/footer.jpg) top no-repeat; 
	font-size:90%; 
	padding: 0; 
	text-align:center; 
}

#footer .padding { padding: 10px 0px 0px 0px; }
#footer .right { 
	float:right; 
	clear:right; 

	text-align:right; 
}

#footer a { color: #E0F5FF; }


/* MOTOSTIVUITOARE
-----------------------------------------------------------------------------/*
#underline  {
          text-align: center;
          width : 500px;
          height : 20px;
          margin: 20px 0 50px 0;
          float : left;
          clear : both;
}
#underline ul {
 
          font-size : 18px;
          list-style : none;


}
#underline ul li {

          padding : 0px;
          font-weight: bold; 
          display : inline;
}
#underline ul li a {
          margin : 0;
          padding : 0;

          color : #2fa4e9;
}
#underline li a:hover, #footer li a#active {
         color : #abbc2c;
} 

/*TRANSPARENT
-----------------------------------------------------------------------------------*/
div.transOFF {width: 100%; background-color: silver;border:1px solid black; display:inline;}
div.transON  {width: 100%; background-color: silver;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;border:1px solid black; display:inline;}




/*GPL
-----------------------------------------------------------------------------------*/


.gpl {
    
	width:157px;
	
 	float:left;

	text-align:center;

	margin:20px 20px 0 0 ;

	padding:0;

	}

.gpl a {font-weight: bold;
        }

.gpl a:hover {color:#da5836;}

.gpl p.gpl-title {

         width: 154px;        

        background: #e9e9e9;

	text-align:center;

	font-size:12px;

	padding:5px;

	margin:0;

        color:#da5836;
	}
.gpl p.gpl-title img {padding-left: 7px;}

img.pic {

	border:ridge 3px #d68c41;

	padding:0;

	margin:20px 0 10px 0;

	}
.bottom {

        float:left;
        
        width: 550px;

	padding:0;

	margin:0;

	}


.text4 {padding-top: 20px;}
.pub {text-align: right;
      padding-top: 5px;
}