/*======================================================================*\
|| #################################################################### ||
|| # Youjoomla.com 
|| # ---------------------------------------------------------------- # ||
|| # Copyright (C)2006-2009 Youjoomla.com. All Rights Reserved.         ||
|| # This file may not be redistributed in whole or significant part. # ||
|| # ---------------- THIS IS NOT FREE SOFTWARE ----------------      # ||
|| # http://www.youjoomla.com | http://www.youjoomla.com/license.html # ||
|| #################################################################### ||
\*======================================================================*/
/* news item holder*/
#YJT_container {
display:block;
position:relative;
margin:0px auto 0px;
background-color:#f2f2f2;
max-width:100%;/*Максимальная ширина при больших разрешениях*/
min-width:60%;/*Минимальная ширина при маленьких разрешениях*/
width:auto;/
margin-top:22px;


}
/* navigator styling */
#navigator_outer{
display:block;
position:absolute;
right:0px; /* left */
top:0px;
overflow:hidden;
}
#navigator{
display:block;
position:relative;
list-style-type:none;
margin:0px;
padding:0px;
margin-top:22px;


}
/* default navigator element */
#navigator li.element{
display:block;
position:relative;
clear:both;
height:60px;
margin:0px;
padding:3px;
cursor:pointer;
background:none;
left:0px;
right:0px;
overflow:hidden;




}
/* selected navigator element */
#navigator li.selected_right{
/* background:url() right:10px no-repeat; /*right*/
}
/* default instance inner navigator element styling */
#navigator li.element div.inner{
display:block;
position:relative;
clear:both;
height:60px;
padding:0px;
background:#f2f2f2;
margin-left:auto; /* nista 
outline: 1px solid 	#FFFFFF;
border-radius: 10px;*/

box-shadow: inset 0 0 3px rgba(58, 117, 175, 1);
right:0px;
border-color:#ff2b00;
}
#navigator li.element div.inner img{
float:left;
margin:10px;
border:1px #dad4ba solid;
background:#FFFFFF;
padding:3px;
width:70px;
height:70px;

}
#navigator li.element div.inner span.title {
display:block;
position:relative;
height:60px;
overflow:hidden;
font-size:11px;
color:#050404;
float:left;
margin:0px;
padding:0px;
width:100%;


}
#navigator li.element div.inner span.title p.desc{
display:block;
position:relative;
height:55px;
overflow:hidden;
font-size:11px;
color:#050404;
float:left;
padding:0px;
margin:center ;
width:100%;


}
#navigator li.element div.inner span.title a{
vertical-align: center;
text-align: left;
display:block;
position:relative;
float:left;
color:#18324b;
font-size:10px;
font-weight:bold;
padding:0px;
left:2px;


}
/* we set the selected inner elements as descendents of li.selected_right to affect all inner elements for selected offer */
#navigator li.selected_right div.inner{
background-image:#3b75b0;
right:2px;

border:1px solid #3a75af;
box-shadow: inset 0 0 3px rgba(58, 117, 175, 1);



}
#navigator li.selected_right div.inner span.title{
color:#FFFFFF;
}
#navigator li.selected_right div.inner img{
border:1px #18384b solid;
background:#18384b;
}
#navigator li.selected_right div.inner p.desc{
color:#FFFFFF;
}
/* end of navigation styling, starting slides */
#slides{
display:block;
position:relative;
margin-right:auto;/*margin-left:auto;*/
overflow:hidden;
margin-top:22px;
}
#slides div.slide{
display:block;
position:relative;
overflow:hidden;


}
#slides div.slide div.long_desc{
display:block;
position:absolute;
left:-500px; /*right*/
top:0px;
width:250px;
font-size:11px;
color:#FFFFFF;
padding:20px;
text-align:justify;
z-index:80;
background:url(../images/desc_bg.png);
}
#slides div.slide div.long_desc span.slide_title{
display:block;
color:#fff;
font-size:18px;
background:none;
border:none;
letter-spacing:normal;
clear:both;
margin-bottom:15px;
}
#slides div.slide div.long_desc a{
display:block;
position:relative;
width:150px;
padding:10px;
color:#FFFFFF;
font-size:12px;
background:#18384b;
text-align:center;
font-weight:bold;
text-decoration:none;
margin:10px 0px 0px auto;
}
.slide img{
	width:100%;
	height:252px;
	

}