/*
Theme Name: Travel2Life
Theme URI: http://www.websystems.lt
Author: UAB Web Systems
Author URI: http://www.websystems.lt/
Description: Tema skirta svetainei travel2life. 
Version: 1.0
Tags: travel2life
*/



@media screen and (max-width: 3000px)
{
	
	.travel_catalog_title {
		display:block !important;
		text-align:justify;
	}
	#logo img{
		width:130px;
	}
	#top h1, #content {
		margin-left:0 !important;
	}
	.menu ul li a{
			font-family: 'GothamLightRegular';
			text-transform: uppercase;
			text-decoration: none;
				display: block;
				padding: 0 16px;
			font-size: 0.674em;
			line-height: 34px;
			color: #FFF;
			
		}
	.home-logo{
		position:fixed !important;
		top:32px;
		left:64px;
	}
	
	
	body{
		margin:0 91px;
	}
	.sub-menu{
		width: 251px;
	}
	.sub-menu li a{
		width: 219px;
	}
	.hover{
		width: 221px;
	}
    #slideshow a{
        font-size: 41.47px;
    }

    #slideshow a em{
        font-size: 68.34px;
    }
    
               
    .lang_and_social{
       
        float: right;
       
    }
    
    .general_menu{
      
        float: right;
    
    }
    .home-menu{
    	right:65px;
    }
    
}


	
@media screen and (max-width: 1560px)
{
	
#footer div.item{

  /*  width: 357px;*/
}    
    body{
        margin: 15px 68px;
    }
    
    #slideshow a {
        
        margin-left: 80px !important;
        
    }
    
    .sub-menu{
        width: 200px;
    }
    .sub-menu li a{
        width: 168px;
    }
    .hover{
        width: 170px;
    }
    #slideshow a{
        font-size: 26px;
        line-height: 23px !important;
    }

    #slideshow a em{
        font-size: 43px;
        font-weight: bold;
    }

        
        
            .lang_and_social{
        float: right;   
    }
    .general_menu{
        float: right;
    }
}



@media screen and (max-width: 1080px)


/*myka changes*/
{
#logo, #sub_menu, .menu, #breadcrumb, #top h1, #content{
	
}
.home-logo{
	margin-left:0px !important;
}

	.autobild-logo{
		left: 125px !important;
		top: 5px !important;
		position: fixed;
	}
	
	.autobild-logo img{
		height: 70px !important;
		
	}
	
	
#content{
	margin-right:65px !important;
}
.menu{
	margin-right:44px !important;
}
.menu ul li {
	padding-right:6px !important;
	margin-left:0 !important; 
}
.lang_and_social {
	margin-left:16px;
}
#list{
	margin-left:65px;
}
/*------------*/
#footer div.item{

  /*  width: 295px;*/
}	
	body{
		margin: 0px 68px;
	}
	
		#slideshow a {
            
            margin-left: 68px !important;
            
        }
	
	.sub-menu{
		width: 210px;
	}
	.sub-menu li a{
		width: 178px;
	}
	.hover{
		width: 180px;
	}
    #slideshow a{
        font-size: 26px;
        line-height: 23px !important;
    }

    #slideshow a em{
        font-size: 43px;
        font-weight: bold;
    }

        
        
    .lang_and_social{
        float: right;   
    }
    .general_menu{
        float: right;
    }
        
    .home-menu{
    	right:65px;
    }
}



@media screen and (max-width: 800px)
{

.autobild-logo{
	display: none !important;
	}
	
	
	a#logo{
		margin-left:0 !important;
	}
	body{
		margin: 0px 20px;
	}
	
	.menu ul li{
		padding: 0 5px !important;
	}
	.menu ul{
		
	}
	.sub-menu{
        width: 188px !important;
    }
    ul.sub-menu{
    	border:1px #dddddd solid;
    	border-bottom:none;
    }
    ul.sub-menu li{
    	border-bottom:1px #dddddd dashed;
    }
    .sub-menu li a{
        width: 188px;
        padding:0 !important;      
        text-align:left !important;   
    }
    
    #slideshow a{
        font-size: 41.47px;       
    }

    #slideshow a em{
        font-size: 68.34px;
    }
    
    .lang_and_social{
    	position:fixed;
    	top:24px;
    	right:10px;
    }
    #menu-pagrindinis-meniu-angliskai{
    	position:fixed;
    	top:55px;
    	right:12px;
    }
    .home-logo img{
    	width:90px;
    }
    .home-logo{
    	left:10px;
    	top:10px;
    }
    .menu ul li a{
    	padding:0 5px 0 5px !important;    	
    }
    .menu ul li {
    	margin:0 !important;
    	padding:0 !important;
    	    	
    }
    .menu ul ul a{
    	width:178px;
    }
     #left_arrow, #right_arrow{
    	display:none !important;
    }
   	#slideshow a{
   		width:100% !important;
   		
   		text-align:center;
   		top:95px !important;
   		margin:0 10px 0 0 !important;
   		font-size:0.1px !important; 
   		line-height:12px !important;
   	}
   	#slideshow a em{
   		font-size:20px !important;
   		line-height:20px !important;
   	}
    .hover{
    	width:auto !important;
    }
    
    
    
}



@media screen and (max-width: 660px)
{
	body{
		margin: 0 5px;
	}
	
		
	.menu ul li{
		padding: 0 5px;
	}
	
.sub-menu{
        width: 200px;
        text-align:left;
    }
    .sub-menu li a{
        width: 168px;
    }
    .hover{
        width: 170px;
    }
        #slideshow a{
        font-size: 30px;
    }
	
		#slideshow a{
	font-size: 20px;
}

#slideshow a em{
	font-size: 33px;
}
}


@media screen and (max-width: 330px)
{
	body{
		margin: 0 5px;
	}
	
	
	.menu ul li{
		padding: 0 5px;
	}	
	
.sub-menu{
        width: 200px;
    }
    .sub-menu li a{
        width: 168px;
    }
    .hover{
        width: 170px;
    }
        #slideshow a{
        font-size: 30px;
    }
	
	#slideshow a{
	font-size: 20px;
	}
	
	#slideshow a em{
		font-size: 33px;
	}
	
	#home-menu{
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
		
}
@media screen and (max-height: 330px)
{
	
}


/*
	SLIDESHOW
*/

.home-menu{
	position:fixed !important;
	top:32px;
}
#slideshow,
#slideshow li
{
	width: 100%;
	height: 100%; 
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 1;
}

	#slideshow li
	{
		background: transparent no-repeat fixed center center;
		display: none;
   
         
        
         -webkit-background-size: cover;
         -moz-background-size: cover;
         -ms-background-size: cover;
         -o-background-size: cover;
         background-size: cover;
	}

#slideshow a{
	color: #FFF;
	display: block;
	position: absolute;
	

	font-family: 'GothamLightRegular';
	text-decoration: none;
	
    margin-left: 91px;
    margin-top: -68.34px;
	top: 50%;
    line-height: 50px;

}


#slideshow a em{
	display: block;
	font-family: 'GothamBookRegular';

    line-height: 50px;
	text-transform: uppercase;
	font-style: normal;
}

#slideshow-nav
{
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 2;
	padding: 20px 20px 20px 10px;
}

	#slideshow-nav li { display: inline; }

	#slideshow-nav a
	{
		width: 12px;
		height: 12px;
		text-indent: -9999px;
		background-color: transparent;
		border: 2px solid #111;
		float: left;
		display: inline;
		margin: 0 0 0 10px;
	}

		#slideshow-nav li.active a { background-color: #111; }


		
		#main{
            margin-top: 0px;
			position: relative;
			z-index: 2;
			height: 110px;
			
		}

		.menu{
			margin-top: 20px;
			float: right;
		}
		
		a img{
			 vertical-align: middle;
		}
		
		a#logo{
			float: left;
			margin-bottom: 38px;
		}
		
		.menu ul{
			list-style-type: none;
		}
		
		.menu ul li{
			display: block;
			float: left;
			text-align: right;
			padding-right: 16px;
				margin-left: 5px;
		}
		
        .menu ul ul a{
            color: #68666b;
        }
        
		.menu ul li a:hover, .hover, .menu ul li.current-page-ancestor:first-child a{
			background-color:#808083;
			color:#FFF;
		}
			
	.sub-menu{
			display: none;
			position: absolute;
			border: 1px solid #f9fdfe;
			
			background-color:#ffffff ;
	}
	
	.sub-menu li{
		float: none !important;
		display:block !important;
		padding-right: 0 !important;
				margin: 0 !important;
		text-align: left;
	}	
	.sub-menu li a{
		display: block;
		color: #68666b;
		padding: 0 16px !important
	}
	
	.sub-menu li a:hover{
		background-color:#ecedee!important;
		color: #68666b!important;
	}
    #lang{
        padding-right: 0;
        margin-left:0 !important;
    }
	#lang a{
			display: block;
            float: left;
            width: 24px;
            height: 18px;           
			margin-left: 5px;
			margin-top: 5px;
            text-align: center;
            line-height: 12px;
			padding: 6px 0 0 0 !important;	
            background: transparent url(images/lang.png) no-repeat center center;
            color: #68666b; 
	}
	#lang a:hover{
		background-color: transparent;
			color: #68666b;
	}
	#social_network a{
		margin-left: 4px;
			margin-top: 5px;
		display: block;
		float:left;
		padding: 0 0 !important;
		width: 24px;
        height: 24px;
	}
	#social_network a img{
    	vertical-align:top;
    }
    #social_network{
        
        padding-right: 0;
    }
	
	.hover{
	
			color: #FFFFFF !important;
			padding-right: 16px !important;
			
	}
	
	#footer{
			position: absolute;
			z-index: 1;
			bottom: 5%;
			
	
			height: 37px;
			
	
	}
	
	#footer div.item{
		
		position: absolute;
		bottom: 0;

		height: 43px;
        
		z-index: 3;
		overflow:hidden;
	 
		background-color: #FFF;
	}
	
	#footer div.item .url{
		margin: 10px;
		display: block;
		text-decoration: none;
		text-transform: uppercase;
		font-family: 'GothamLightRegular';
		color: #68666b;
		font-size:1.0em;
        height: 23px;
        line-height: 23px;
	}
	.hidden_content{
		
        
        
        background: transparent no-repeat center center;
  
        
	width: 100%;
	height: 100%;
        
   
	}
    
    .hidden_content a{
        display: block;
        width: 100%;
        height: 100%;
             
    }
	.clean{
		clear: both;
	}
	
	
	#left_arrow, #right_arrow{
	
	width: 27px;
	height: 43px;
	position: absolute;
	top: 50%;
    margin-top: -21.5px;
	cursor: pointer;
	display: block;
	z-index: 5;
	}
	
	#left_arrow{
		background: transparent url(/wp-content/themes/travel2life/images/arrow_left.png) no-repeat center center;
		left: 25px;
	}
	
	#right_arrow{
		background: transparent url(/wp-content/themes/travel2life/images/arrow_right.png) no-repeat center center;
		right: 25px;
	}
    
    .alignleft{
        float: left;
        margin: 0 15px 5px 0;
        
    }
    
        .alignright{
        float: right;
        margin: 5px 0 5px 15px;
        
    }
    #content p{
        margin-bottom: 10px;
    }
    
    #content h3{
        
        margin-bottom: 10px;

    }
    
    #content ul{
        list-style-type: square;
            font-family: "GothamLightRegular";
            color: #504F53;
            margin: 20px;
            font-size: 13px;
            list-style-position: inside;
            line-height: 18px;
    
    }
        #content ul li, #content ol li{
            margin: 5px 0;
        }
        
        
          #content ol{
        list-style-type: decimal;
            font-family: "GothamLightRegular";
            color: #504F53;
            margin: 20px  40px;
            font-size: 13px;
            list-style-position: outside;
            line-height: 18px;
    
    }
    
    
    

    
    /*
    BLOCKQUOTE
*/
   blockquote {
    padding: 8px 20px 5px 40px;
    margin: 0 0 20px 0;
    font-style: italic;
    background: no-repeat 10px 7px;
    background-image: url(/wp-content/themes/travel2life/images/blockquotes.png);
    background-color: #f5f5f5;
}
.page-date-div{
	margin: 0 0 5px 0;
}
blockquote p {
    font-size: 11px;
    line-height: 20px;
    margin-bottom:0;
       font-family: "GothamLightRegular";
    color:#999;
}
blockquote.alignleft {
    width: 33%;
    margin: 7px 20px 0px 0px;
    float: left;
}
blockquote.alignright {
    width: 33%;
    margin: 7px 0px 0px 20px;
    float: right;
}
blockquote cite {
    font-style: italic;
    color: #777;
    font-size: 11px;
}
#social_network {
    	padding-right:0 !important;
    }
    
	.autobild-logo{
		left: 235px;
		top: 30px;
		position: fixed;
	}
	
	.autobild-logo img{
		height: 90px;
		
	}