/*----------------------------------------------------------------------------- 
[Espanola] Screen Stylesheet

version:   1.0 
date:      22/06/10 
author:    [Future Face] 
email:     [info@futureface.cz] 
website:   [www.futureface.cz]
 
-----------------------------------------------------------------------------*/

@media screen{
body {background:#370101 url( "../images/layout/bg.jpg" ) 50% 0 no-repeat}
body {color:#fff;font-family:Tahoma, 'Lucida Grande CE', lucida, sans-serif;line-height:1.4;font-size:80%;text-align:center}

html {overflow: scroll}

a{color:#FEE646;text-decoration:underline;outline:0}
a:hover {text-decoration:none}

h1 {font-size:170%}
h2 {font-size:150%}
h3 {font-size:120%}
h4 {font-size:100%}

body,html,h1,h2,h3,h4,h5,h6,p,table,fieldset,img,ul,li {margin:0;padding:0}
ul{list-style:none}
a img{border:0}

input,textarea,select,table{font-size:100%}

/* Layout 
-----------------------------------------------------------------------------*/
#master {position:relative;width:981px;text-align:left;margin:0 auto}
#headerTop{background:url(../images/layout/header-top.jpg) 50% 0 no-repeat;width:981px;height:109px}
#headerTop h1#logo{display:block;position:relative;width:278px;height:109px;overflow:hidden;margin:0 350px}
#headerTop h1#logo a{width:278px;display:block;text-indent:-5000px;height:109px;outline:0}

#headerBott{background:url(../images/layout/header-bott.jpg) 50% 0 no-repeat;width:981px;height:89px}

#bgMenu,ul#menuTop,ul#menuTop li,ul#menuTop li a{height:48px;line-height:48px;overflow:hidden}
#bgMenu{background:#fa9242 url(../images/layout/m-end.png) 100% 0 no-repeat;padding-right:44px}

ul#menuTop{background:#fa9242 url(../images/layout/m-start.png) 0 0 no-repeat;padding-left:46px;list-style:none}
ul#menuTop li{float:left}
ul#menuTop li a{color:#000;display:block;text-align:center;position:relative}
ul#menuTop li a span{position:absolute;left:0;top:0;display:block;height:48px;overflow:hidden;z-index:1}

ul#menuTop li a.home{width:184px}
ul#menuTop li a.home span{background:url(../images/layout/m-home.png) 0 0 no-repeat;width:184px}
ul#menuTop li a.home:hover span{background:url(../images/layout/m-home.png) 0 -48px no-repeat}
ul#menuTop li a.home:active span{background:url(../images/layout/m-home.png) 0 -96px no-repeat}

ul#menuTop li a.news{width:125px}
ul#menuTop li a.news span{background:url(../images/layout/m-news.png) 0 0 no-repeat;width:125px}
ul#menuTop li a.news:hover span{background:url(../images/layout/m-news.png) 0 -48px no-repeat}
ul#menuTop li a.news:active span{background:url(../images/layout/m-news.png) 0 -96px no-repeat}

ul#menuTop li a.photo{width:150px}
ul#menuTop li a.photo span{background:url(../images/layout/m-photo.png) 0 0 no-repeat;width:150px}
ul#menuTop li a.photo:hover span{background:url(../images/layout/m-photo.png) 0 -48px no-repeat}
ul#menuTop li a.photo:active span{background:url(../images/layout/m-photo.png) 0 -96px no-repeat}

ul#menuTop li a.lunch{width:154px}
ul#menuTop li a.lunch span{background:url(../images/layout/m-lunch.png) 0 0 no-repeat;width:154px}
ul#menuTop li a.lunch:hover span{background:url(../images/layout/m-lunch.png) 0 -48px no-repeat}
ul#menuTop li a.lunch:active span{background:url(../images/layout/m-lunch.png) 0 -96px no-repeat}

ul#menuTop li a.menu{width:168px}
ul#menuTop li a.menu span{background:url(../images/layout/m-menu.png) 0 0 no-repeat;width:168px}
ul#menuTop li a.menu:hover span{background:url(../images/layout/m-menu.png) 0 -48px no-repeat}
ul#menuTop li a.menu:active span{background:url(../images/layout/m-menu.png) 0 -96px no-repeat}

ul#menuTop li a.contact{width:110px}
ul#menuTop li a.contact span{background:url(../images/layout/m-contact.png) 0 0 no-repeat;width:110px}
ul#menuTop li a.contact:hover span{background:url(../images/layout/m-contact.png) 0 -48px no-repeat}
ul#menuTop li a.contact:active span{background:url(../images/layout/m-contact.png) 0 -96px no-repeat}

#homeContent{padding:15px 28px 0 28px}
#homeContent h2{width:200px;height:42px;float:left;position:relative}
#homeContent p.viewDetail{float:right;margin-right:19px;z-index:100;position:relative}
#homeContent p.viewDetail a{color:#fff;font-weight:bold}
#homeContent  .newsHome p.viewDetail{margin:0 10px 0 0;}
.brdRed{border:3px solid #920d00;width:451px}
.brdRedBig{border:3px solid #920d00;width:919px}

.lunchToday{border:3px solid #62c436;background:#52a22e url(../images/layout/bg-green.png) 0 0 repeat;padding:15px 8px;min-height:200px;text-align:center}
.lunchToday .title{background:#40be00;width:409px;height:42px;line-height:42px;margin:0 auto 10px auto}
.lunchToday .title span{background:url(../images/layout/bg-title-lunch.png) 0 0 no-repeat;width:409px;height:42px}
.lunchText{color:#fff;text-align:left;padding:10px}
.lunchText p{display:block;position:relative;padding:0 60px 0 0;min-height:45px}
.lunchText p strong{display:block;position:absolute;right:0;top:0;padding:5px;font-size:140%;background-color:#40be00;border:3px solid #62c436}

.newsHome{border:3px solid #ffae45;background:#fa9242 url(../images/layout/bg-orange.png)  0 0 repeat;padding:15px 8px;min-height:200px}
.newsHome .title{background:#cc6a19;width:417px;height:42px;line-height:42px;margin:0 auto 10px auto}
.newsHome .title span{background:url(../images/layout/bg-title-news.png) 0 0 no-repeat;width:417px;height:42px}
.newsHome .titleBig{width:885px;height:42px;line-height:42px;margin:0 auto 10px auto}
.newsHome .titleBig span{background:#cc6a19 url(../images/layout/bg-title-news-big.png) 0 0 no-repeat;width:885px;height:42px}
.newsHome h3{padding:0 12px}
.newsHome h3 a{color:#996633}
.newsHome p{color:#fff;padding:0 12px 4px 12px}

#bgContent{background:#7d0a00;border:3px solid #a40e00;margin:15px 28px}

#content h1.titleEsp span,.lunchToday .title span,.newsHome .title span,#left h2#reserve span,#left .shapeGreen h3 span,.newsHome .titleBig span{position:absolute;display:block;left:0;top:0;z-index:1}

#content {float:left;width:550px;padding:20px 20px 20px 10px}
#content h1.titleEsp{position:relative;width:476px;height:38px}
#content h1.titleEsp span{background:url(../images/layout/bg-h1-home.png) -6px 0 no-repeat;width:476px;height:38px}
#content h1{color:#fa9242;margin-bottom:10px}
#content p{padding:3px 0 8px 0}
#content h2{color:#ed210c;padding:8px 0 3px 0}
#content h3{color:#40be00;padding:8px 0 3px 0}
#content ul{margin:3px 0 8px 0}
#content ul li{background:url(../images/next/bull.png) 0 9px no-repeat;padding:3px 0 3px 23px}
#content .shape{margin:15px 0}
#content .shape h2{padding:10px 0 5px 3px;color:#fff}
#content .shape img{margin:3px 3px;border:5px solid #a40e00}

#content .nTitle{font-style:normal;padding:0 10px 2px 0}
#content .nTitle a{color:#ed210c}
#content .nDate{padding:0}
#content .nText{padding:3px 0 20px 0;margin:0 0 15px 0;border-bottom:1px dashed #af0000}

#content .lunchTable{border-collapse:collapse;margin-bottom:30px}
#content .lunchTable td{padding:7px 2px;border-bottom:1px solid #b11a0a}
#content .lunchTable td.dateTable{font-weight:bold;font-size:110%;padding-top:20px;border-bottom:1px solid #DC1400;color:#4de500}
#content .lunchTable td.tac{font-weight:bold;font-size:110%;padding:7px 10px}

#content .maps{border:3px solid #DC1400}

#left {float:left;width:280px;margin-right:10px;padding:20px}
#left p{padding:3px 0 6px 0}
#left a{color:#fee646}
#left h2#reserve{position:relative;width:290px;height:105px}
#left h2#reserve span{background:url(../images/layout/reserve-call.png) 0 0 no-repeat;width:290px;height:105px}
#left .shape{background:url(../images/layout/bg-red.png) 0 0 repeat;border:3px solid #dc1400;width:254px;padding:15px;margin:15px 0}

#left .shapeRed{background:#af0000 url(../images/layout/bg-news-left.png) 50% 0 no-repeat;border:3px solid #dc1400;width:254px;padding:70px 15px 15px;margin:15px 0}
#left .shapeRed h2{display:none}

#left .shapeGreen{border:3px solid #920D00;background:#52a22e url(../images/layout/bg-green.png) 0 0 repeat;width:284px;margin:15px 0;text-align:center}
#left .shapeGreen div{border:3px solid #62C436;padding:8px 0}
#left .shapeGreen h3{position:relative;width:259px;height:42px;margin:5px auto}
#left .shapeGreen h3 span{background:url(../images/layout/bg-title-menu.png) 0 0 no-repeat;width:259px;height:42px}

#left .shapeGreen form{padding:5px;text-align:center}
#left .shapeGreen input.field{background-color:#40BE00;border:1px solid #62C436;padding:2px}
#left .shapeGreen input{border:1px solid #4de500;background:#40be00;padding:1px 5px;color:#fff}

#footer {clear:both;overflow:hidden;padding:0 28px 15px 28px}
#footer a,#footer{color:#4de500}

/* Others 
-----------------------------------------------------------------------------*/
.tar {text-align:right}
.tac {text-align:center}
.tal {text-align:left}
.fl  {float:left}
.fr {float:right}
.cl{clear:left;font-size:1px}
.mr11{margin-right:11px}
.mb15{margin-bottom:15px}
.cr{clear:right;font-size:1px}
.cb{clear:both}
.small, a.back, p.newsDate {font-size:90%}
.big{font-weight:bold;font-size:120%}
.b{font-weight: bold}
.it{font-style:italic}
.b{font-weight: bold}
.vp{padding:0 10px}
.vh{padding:10px 0}
.skryta {position:absolute;top:-5000px}
}

@media print{
body {font-family:"Times New Roman CE",Georgia,"Times New Roman",Times,serif;color:#000}
div{padding:0;margin:0}
h1#logo a{text-decoration:none}
#header,#left,#menuTop,.footMenu,.created,.skryta{display:none}
img{float:left;border:none;margin:.5em}
fieldset{border:none;border-bottom:1px solid #333;margin:0;padding:0 0 .5em 0}
h1,h2,h3,h4{page-break-inside:avoid;margin:0}
h1{font-size:180%;padding-top:0;margin-bottom:.5em;border-bottom:1px solid #000}
h2,h3{padding:.2em 0 0 0;margin:0}
h2{font-size:140%}
h3{font-size:120%}
p{margin-top:.2em;padding:0}
a{text-decoration:underline}
table{width:100%; text-align:center}
th,td{text-align:center;}
td,th{border:1px solid #000}
}