/*

Theme Name: Habib Metro

Description: <strong>A responsive Theme by OSM</strong> - <br/>

Version: 1.2

Author: Outsourcemantra

Author URI: http://www.outsourcemantra.com

*/





/*

* PLEASE DO NOT EDIT THIS FILE!

* 

* To make it easy to update your theme, you should not edit the styles in this file. Instead use 

* the custom.css file that is located in your themes /css/ folder to add your styles. 

* You can copy a style rule from any of your css files and paste it in custom.css and

* it will override the original style. If you just want to add small css snippets you might also

* want to consider to add it to the designated CSS option field in your themes backend at: Theme Options->Styling

*/



/* url('css/grid.css') loads the default grid with all widths for the different screens */



/* url('css/base.css') loads the css reset & default styling for html elements like <a>, <ul>, <li>, and some wordpress generated classes (eg galleries) */     


@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);


/* url('css/layout.css') theme layout for the default screen size and media queries for smaller screen estates */         



/* ('css/slideshow.css') theme layout for the various slideshows */       



/* ('css/shortcodes.css') loads the css rules for the theme shortcodes */
body{
	font-family: 'Open Sans', sans-serif !important;
	font-size:13px !important;
}
.widget_archive li a, .widget_categories li a, .widget_pages li a, .widget_links li a, .widget_meta li a, .widget_nav_menu li a
tr{
font-size:13px !important;
}

background: none repeat scroll 0 0 #AFAFAF;

 box-shadow: 3px 0 3px 0 rgba(0, 0, 0, 0.1);

-webkit-box-shadow: 3px 0 3px 0 rgba(0, 0, 0, 0.1);

color: #444444;

padding: 12px 0 0;

position: relative;

text-align: center;

transition: background 0.3s ease 0s;

-webkit-transition: background 0.3s ease 0s;

border:none !important;}

th{

background-color:#195f20 !important;

background: none repeat scroll 0 0 #AFAFAF;

box-shadow: 3px 0 3px 0 rgba(0, 0, 0, 0.1) inset;

-webkit-box-shadow: 3px 0 3px 0 rgba(0, 0, 0, 0.1) inset;

color: #fff !important;

padding: 12px 0 0;

position: relative;

text-align: center;

transition: background 0.3s ease 0s;

-webkit-transition: background 0.3s ease 0s;

border:none !important;

}

tr:nth-child(even) td {

background: #FFF;

}   

tr:nth-child(odd) td { 

background: #F2F2F2;

}

td{

background: none repeat scroll 0 0 #AFAFAF;

box-shadow: 3px 0 3px 0 rgba(0, 0, 0, 0.1) inset;

-webkit-box-shadow: 3px 0 3px 0 rgba(0, 0, 0, 0.1) inset;

color: #444444;

padding: 12px 0 0;

position: relative;

text-align: center;

transition: background 0.3s ease 0s;

-webkit-transition: background 0.3s ease 0s;

border:none !important;

} 

th > strong

{color:#fff !important;}

.hb-span{

 font-family: 'Cinzel',serif;

}

td:hover {

background:#195f20 !important;

}

tr:hover td {

background:#195f20 !important;

}

tbody th {

    text-align: center;

}

tr:hover strong

{

color:#fff;

}

th:hover strong

{

color:#fff;

}

td:hover strong

{

color:#fff;

}

td:hover > a

{

color:#fff !important;

background-color:none !important;

}

.historical-table th

{

letter-spacing: -1px;

line-height: 2;

}

.historical-table

{box-shadow:3px 0 3px 0 rgba(0, 0, 0, 0.1);}

.header_color .iconbox_top, #top .header_color.thumbnails_container_wrap, .header_color .pullquote_boxed, .header_color .side-container-inner .date_group, .header_color.container_wrap_menu, .header_color table, .header_color .wrapped_style, .header_color .content .slideshow_container{
background:none !important;
}
.widgettitle, .widget_first{
font-family: 'Open Sans', sans-serif !important;
}

#home_image {width:100%; height:400px; margin-left:11%; margin-right:11%;}

.home_image {width:1500px; height:400px; margin-left:11%; margin-right:11%; background-image:url(../images/bajk_mainpage.jpg);}

homeimage {
    width: 100%;
    height: 400px;
	margin-left:11%;
	margin-right:11%;
    background-size: contain;
    border: 1px solid red;
}