/* 
    Document   : main
    Created on : 25.6.2010, 20:06:32
    Author     : martin
    Description:
        Hlavni kaskadovy styl stranek HledejSmudlo.cz
*/

.clear { clear: both }

/*
    Part       : Textz kategorii + web tydne
    Created on : 25.6.2010, 20:06:32
    Author     : martin
    Description:
        Pod hlavnim menu, sloupce s reklamou, web tydne nebo text kategorie
*/

/*
 * Obecne styly a CI pro cely web
*/

a { color: #D4002B; text-decoration: underline; font-family: Arial,Helvetica,sans-serif}
a:hover { color: #000000;}

h1 {
  font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
  font-size: 22px;
  margin: 3px 0;
  padding: 5px 0 0 0;
  color: #0F9DE2;
}

h2, h3 { color: #0F9DE2;  }
h4 {  color: #0F9DE2; }

/* style="color: #D4002B; font-size: 14px; " */


/*
 * Styly pro hlavicku
 */
div.header { height: 75px; }
div.logo { float: left; padding: 5px 10px 10px 0; }
div.slogan { float: left; color: #000000; font-size: 10px; padding: 30px 10px 10px 0px; text-transform: uppercase;}

div.search-form { float: right; clear: none; padding: 15px 10px 0 10px; }
input.button, .flat-button { 
    border: 1px #0F9DE2 solid; height: 29px; cursor: pointer;  text-transform: lowercase;
    background: #e1ffff; /* old browsers */
    background: -moz-linear-gradient(top, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1ffff), color-stop(7%,#e1ffff), color-stop(12%,#e1ffff), color-stop(12%,#fdffff), color-stop(30%,#e6f8fd), color-stop(54%,#c8eefb), color-stop(75%,#bee4f8), color-stop(100%,#b1d8f5)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ffff', endColorstr='#b1d8f5',GradientType=0 ); /* ie */
}

input.what {
    border: 1px #0F9DE2 solid; width: 350px; padding-left: 5px; height: 25px;
    background: #e1ffff; /* old browsers */
    background: -moz-linear-gradient(top, #e1ffff 0%, #e1ffff 7%, #e1ffff 12%, #fdffff 12%, #e6f8fd 30%, #c8eefb 54%, #bee4f8 75%, #b1d8f5 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1ffff), color-stop(7%,#e1ffff), color-stop(12%,#e1ffff), color-stop(12%,#fdffff), color-stop(30%,#e6f8fd), color-stop(54%,#c8eefb), color-stop(75%,#bee4f8), color-stop(100%,#b1d8f5)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ffff', endColorstr='#b1d8f5',GradientType=0 ); /* ie */
}

/*
 * Styly pro menu
 */
div.top-menu { clear: both; padding: 0; margin: 0; height: 30px;}
ul.menu { list-style-type: none; margin: 0; padding: 0; }
ul.menu li { float: left;  margin: 0 1px 0 0; background: #FFFFFF url('../img/tab-left.gif') top left no-repeat; height: 30px; }
ul.menu li a { color: #000000; line-height: 30px; padding: 0 12px; display: block; float: left; text-decoration: none;}
ul.menu li a:hover {color: #D4002B;}
ul.menu li.active{ font-weight: bold;  background: #DDD url('../img/tab-left-act.gif') top left no-repeat;}
ul.menu li.active div { color: #D4002B; line-height: 30px; padding: 0 12px; background: url('../img/tab-right-act.gif') top right no-repeat;}

/*
* Styly pro obsah
*/
div.content
{
  margin-top: 15px;
  clear: both;
  padding-bottom: 10px;
}
#right-column {width: 329px; float: right;}
/*
* vypis kategorii
*/
div.categories div.categ { line-height: 12px; padding-left: 15px; background: url('../img/ico-dir.gif') top left no-repeat; padding: 0 0 3px 20px; }
div.categories { list-style-type: none; padding: 0; width: 100%;  }
div.subcategories a { font-size: 0.9em; font-weight: normal; color: #000000;}
div.subcategories a:hover { color: #D4002B; }
div.categories div.categ a {font-size: 14px;}
.listing-image {float: left;border:1px solid #cccccc;}
.thumbnail-link {display: block; margin: 0; padding: 0; }
.thumbnail-link img {width: 110px;}
.listing-right {float: right; width:468px;}
a.title {font-size: 16px; padding: 3px 0 5px 0; display: block}
.listing {margin-top: 10px;}

/**
 * Novinky
 */
.news-heading {margin: 15px 0 0 0; border-bottom: 1px dotted #cccccc; line-height: 25px;}
/**
* vypis odkazu
*/
div.listings {
    margin: 20px 0 10px 0;
    border-top: 1px dotted #cccccc;
    border-bottom: 1px dotted #cccccc;
    padding: 0 10px 10px 10px;
    background: #FFFCCC;
}

div.listing-sorting {text-align: right;}
/*pager*/

div.navigation {
    border-bottom: 1px dotted #cccccc;
    clear: both;
    padding: 0 0 15px 0;
    text-align: right;
    margin-bottom: 5px;
}

div.navigation span
{
  padding-right: 25px;
}

div.navigation span.active
{
  font-weight: bold;
  padding: 0 4px!important;
}
div.navigation a
{
  padding: 0 4px;
}

/**
* Boxiky s bloky
*/
div.box-caption-movable
{
  color: #0F9DE2;
  text-shadow: 2px 2px 2px #ffffff;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  margin: 0;
  padding: 0 0 0 5px;
}
#right-column div.box
{
    background: url('../img/box-content-top.gif') top repeat-x;
  clear: both;
  margin: 5px 0 0 0;

}
div.box-content-center
{

  /*padding: 10px 0px 10px 0px;*/
}
#rightBlocks div.box-caption-right-movable, #user2Blocks div.box-caption-right-movable { border-bottom: 1px dotted #cccccc; }


.webOfWeek { text-align: justify; font-size: 10px; width: 565px; float:left; padding-right: 5px; color:#666; border-bottom: 1px solid #cccccc; }
.webOfWeek .leftColumn h3 {color: #d4002b; font-size: 11px; margin: 0 0 5px 0}
.webOfWeek .leftColumn {width: 205px; float:left;  margin-right:10px; margin-bottom: 5px;}
.webOfWeek .rightColumn {float: right; width: 205px;}
.webOfWeek p {padding-top: 5px;}


.webOfWeek ul  {margin: 0px; padding: 0px;}
.webOfWeek ul li {list-style-type: none; margin-top: 2px;}

.webOfWeek ul li a {border-left: 4px solid #d4002b; padding-left: 5px;color:  #666666}
.webOfWeek ul li a:hover {border-left: 4px solid #666666}

.previousWebOfWeek {float:right; width: 367px;}

.previousWebOfWeek a.heading {color: #d4002b; font-weight:bold; text-decoration:none;}
.previousWebOfWeek a.heading:hover {text-decoration: underline}

.previousWebOfWeek ul {margin: 0px; padding: 0px;}
.previousWebOfWeek ul li {list-style-type: none; margin-top: 2px;}
.previousWebOfWeek ul li a {border-left: 6px solid #318ff8; padding-left: 5px;color:  #318ff8}
.previousWebOfWeek ul li a:hover {border-left: 6px solid #d4002b}

.lastThree {margin: 5px 0 5px 0; width:341px; float: left}

.otherLast { float: right; margin-top:13px; text-align:left; width:205px;}
.otherLast a  {color: #666666; padding-right: 5px;}
.otherLast a:hover {text-decoration:none}

.webWeekSeparator {clear: both; padding:0; margin:0;}


/* Detail typu */
.listing-detail h1 { text-transform: capitalize; border-bottom: 1px dotted #cccccc; line-height: 30px; margin-bottom: 20px;}
.listing-detail .info-box .preview { float: left; border: 1px solid #cccccc; margin-right: 20px; width: 120px; height: 90px; }
.listing-detail .info-box .description-detail { float: right; width: 436px; font-size: 14px;}
.listing-detail .info-box .visit-box { text-align: right; }
.visit-link-detail { font-size: 16px; font-weight: bold }

/* Nejnovější odkazy */
.newest-listings  { padding: 5px; }