/******************************************************************************/
/* GLOBAL */
body{
    font-family:	    'Open Sans';
    font:		    300 14px/21px 'Open Sans';    
    padding:                0;
}
#webdesign, #topmenu{
    overflow:		    auto;
	width: 960px;
	margin: 0 auto;
	  	 
	}


.webdesign_ {
    overflow:		    auto;
	width: 960px;
	margin: 0 auto;
	  	 
	}



h1, h2{   
    font:		   		600 40px/50px 'Open Sans',sans-serif !important;        
    text-transform:	    uppercase;    
}
a{
    color:		    #434343;
}
a:hover, a:active, a:focus{
    color:		    #3e3131;
}




/******************************************************************************/
/* MENU */
#menu{    
    width:		   			100%;
    height:		    		125px; 
    background-color:	    #FFF;
    background-image:       url("bg_.png");
    background-repeat:	    repeat;
    position:		   		fixed;
    border-bottom:	   		solid 1px #bfbfbf;
    font-weight:            bold;
    z-index:                10000;
   
    padding-left: 50px;

}
.logo{  
    margin-top:		    20px;
    float: left;
}
.mainnavig{ 
    display: inline-block;
    margin-top: 55px;
    padding-left: 300px;
    text-transform: uppercase; 
     
}
     
.mainnavig li{        
    margin-right:	    30px;
    display:		    inline-block;

}




/******************************************************************************/
/* HOME */
#onas{
    padding-top:	    120px;
    padding-left: 50px;
    min-height:		    300px;
    background-color:	#2b1f20;
    color:		        #FFF; 
    padding-bottom:	    10px;
}

#onas h2{  
    font:		    300 20px/30px 'Open Sans',sans-serif !important;     
    color:		    #FFFFFF;
    margin:		    20px 0 10px;
}
 

/******************************************************************************/
/* SLUZBY */
#service{
    padding-top:	    120px;
    padding-left: 50px;
    min-height:		    325px;
    background-color:	#fd0f00;
    color:		     	#FFF;  
    padding-bottom:	    10px;
}
#service h3{
    font:		   		300 18px/27px 'Open Sans',sans-serif !important;     
    font-weight:	    bold !important;    
    margin-top:		    30px;
}
#service p{
    font:		    300 13px/19px 'Open Sans',sans-serif !important;      
    margin-top:		    20px;
}




/******************************************************************************/
/* Kontakt */
#kontakt{
    padding-top:	    120px;
    padding-left: 50px;
    min-height:		    200px;
    background-color:	    #FFF;
    color:		    #000; 
    padding-bottom:	    10px; 
}
#kontakt.oneport{
    display:		    inline-block;
    width:		    306px;
    height:		    204px;
    background-image:       url("../img/portfolio-line.jpg");
    background-repeat:	    no-repeat;  
    margin:                 10px 0;
} 
#kontakt.port-first-block{
    margin-top:             10px;
}
.oneport{    
    overflow:               hidden;
}
.oneport div{
    display:		    inline-block;
    width:		    276px;
    height:		    154px; 
    padding:                50px 15px 0 15px;
    background-color:       #363B48;
    zoom:                   1;
    filter:                 alpha(opacity=90);
    opacity:                0.9; 
    font-weight:            bold;
    overflow: auto;
}
.oneport div p{
    font-weight:            normal;
}
.oneport a{
    color:                  #fff;    
    display:                none;
}


/******************************************************************************/
/* KONTAKT */
#contact{
    padding-top:	    25px;
    min-height:		    100px;
    background-color:	#57c3e2;
    color:		    	#FFF;   
    padding-bottom:	    20px;    
}
#contact a{
    color:		    	#FFF;   
    text-decoration:    underline;   
}
.contacttext{
    margin-top:         20px;
}




/******************************************************************************/
/* FOOTER */
#footer{
    line-height:	    80px;
    min-height:		    500px;
    height:		   		180px; 
    font-size:		    12px;
    margin-bottom:	    95px;
	text-align:			center;
    background-image:   url("bg_.png");
    background-repeat:	repeat;
}




/******************************************************************************/
/* RESPONSIVE */
/* Landscape phones and down */
@media (max-width: 767px) { 
    #menu div{
	text-align:		    center;
    }
    
    #services, #portfolio, #contact{    
	padding-top:		    70px;
    } 
    #footer{   
	margin-bottom:		    0;
    }
    #portfolio .span4{
        text-align:                 center;
    }
}