body {padding:0; margin:0; margin-top:10px; font-family:Tahoma; font-size:14px; line-height:1.5;}

h1,h2,h3,h4,h5,h6,img,p,div,ul,li {margin:0px; padding:0px; border:0px;}

li {list-style-type:square; margin-left:50px;}

a {color:blue; text-decoration:none;}
a:hover {color:blue; text-decoration:underline;}

#page {width:950px; margin:0 auto;}

#page-left {width:700px; float:left; margin-top:25px;}
#page-right {width:250px; float:right; margin-top:25px;}


/* levý sloupec */
#content {margin:0px;}
#content h1 {margin:0 0 15px 0;}
#content h2 {padding:0; margin:0 0 20px 0; font-family:Tahoma; font-size:19px; font-weight:normal; color:#A0A0A0; border-bottom:1px #C7C7C7 dotted;}
#content h3 {padding:0; margin:0 0 20px 0; font-family:Tahoma; font-size:15px; font-weight:normal; color:#A0A0A0;}
#content p {margin-bottom:20px; text-align:justify;}
#content .stred {text-align:center;}
#content .actualitzat {font-size:10px; color:#A0A0A0; text-align:right; clear:both;}

#content .content-text {float:left; width:610px;}
#content .content-text-wide {float:left; width:870px;}
#content .content-navibar-container {float:right; width:170px; margin-right:25px;}
#content .content-navibar {}
#content .content-navibar ul {margin:0px; padding-left:0px;}
#content .content-navibar li {margin:0 0 5px 0; list-style-type:none; padding:6px; border:1px solid #98C5F1; background-color:#04AFE5;}


#content .content-navibar a {color:white; text-decoration:underline;}
#content .content-navibar a:hover {color:black; text-decoration:none;}


h1 {padding:0; margin:0; font-family:Tahoma; font-size:22px; font-weight:normal; color:#B93757;}

/* principal */
#principal-left {float:left; width:250px; margin-right:23px;}
#principal-left .actualitat {margin:10px 0 10px 0;}
#principal-left .old {color:#8C8C8C;}
#principal-right {float:right; width:404px; margin-right:23px;}
.cartell {border:2px solid #CDCDCD;}
#bottom-container {margin-top:40px; border-top:1px solid #D5E7F9; border-bottom:1px solid #D5E7F9; background-color:#F9F9F9;}
#bottom {margin:5px 10px 10px 20px;}
.bottom-content {margin:0; padding:0; text-align:right; font-size:11px;}
.logo-govern {margin-top:20px; text-align:center;}


/* pravý sloupec */
#sortir {margin-top:15px; border-top:10px solid #CA4153; text-align:right;}
#sortir a {color:blue; text-decoration:none;}
#sortir a:hover {color:blue; text-decoration:none;}

#top-links {margin-top:5px; text-align:right; font-size:10px;}
#top-links a {color:black; text-decoration:none;}
#top-links a:hover {color:black; text-decoration:none;}

#login-box-container {width:280px; height:200px; background-image: url('../images/background-box.png');}
#login-box {padding:20px;}
#login-box .login-table {text-align:right; font-size:11px;}
#login-box .login-form {border:1px solid #E2E2E2; background-color:white; width:120px;}
#login-box .login-select {border:1px solid #E2E2E2; background-color:white;}
#login-box .link {margin:25px 10px 0 10px; border-bottom:1px solid #A3032A;}
#login {margin:0 20px 0 20px;}
#slovnik {margin-top:30px; text-align:center;}

#activitats-container {margin-top:10px; background-color:#F9F9F9;}
#activitats {padding:5px 15px 10px 15px;}
#activitats .background {background: url(../images/activitats.png) top right no-repeat;}
.content {margin:10px 0 0 0px;}

#postals-container {margin-top:10px; background-color:#F9F9F9;}
#postals {padding:5px 15px 10px 15px;}
#postals .background {background: url(../images/postals.png) top right no-repeat;}

#materialClasse-container {background-color:#EAF3FD; margin-bottom:15px;}
#materialClasse {padding:5px 15px 10px 15px;}
#materialClasse .background {background: url(https://cdn1.iconfinder.com/data/icons/Copenhagen/PNG/32/book.png) top right no-repeat;}
 
#actualitat-container {background-color:#EAF3FD; margin-bottom:15px;}
#actualitat {padding:5px 15px 10px 15px; font-size:0.9em;}
#actualitat .background {background: url(https://cdn1.iconfinder.com/data/icons/google_jfk_icons_by_carlosjj/32/news.png) top right no-repeat;}
 
#tauler-container {margin-top:10px; background-color:#EAF3FD;}
#tauler {padding:5px 15px 10px 15px;}
#tauler .background {background: url(https://cdn1.iconfinder.com/data/icons/Copenhagen/PNG/32/tag.png) top right no-repeat;}

#cataleg-container {margin-top:10px; background-color:#EAF3FD;}
#cataleg {padding:5px 15px 10px 15px;}
#cataleg .background {background: url(https://cdn2.iconfinder.com/data/icons/windows-8-metro-style/32/book_stack.png) top right no-repeat;}




#tomaquet-container {margin-top:7px; background-color:#F9F9F9;}
#tomaquet {padding:5px 15px 10px 15px;}
#tomaquet .background {background: url(../images/info.png) top right no-repeat;}

#diccionari-container {margin-bottom:15px; background-color:#EAF3FD;}
#diccionari {padding:5px 15px 10px 15px;}
#diccionari .background {background: url(../images/diccionari.png) top right no-repeat;}

#classes-container {background-color:#EAF3FD;}
#classes {padding:5px 15px 10px 15px;}
#classes .background {background: url(../images/classes.png) top right no-repeat;}
.classe-left {margin:0 0 10px 10px;}


/* paticka */
#footer-container {margin:25px auto 0 auto; background-image: url('../images/background-footer.png'); width:900px; height:55px;}
#footer {padding:10px; text-align:center;}
#footer .links {font-size:12px; color:black;}
#footer .links a {text-decoration:none; color:blue;}
#footer .links a:hover {text-decoration:underline; color:blue;}
#footer .copyright {font-size:10px; color:#898A8C;}
#footer .copyright a {text-decoration:none; color:#898A8C;}
#footer .copyright a:hover {text-decoration:none; color:#898A8C;}

.diccionariText {border:1px solid #E2E2E2; background-color:white; width:120px;}
.diccionariSelect {border:1px solid #E2E2E2; background-color:white;}
.diccionariButton {margin-left:7px;}




/* NEW */

/* ---------------------- Blueslate nav ---------------------- */
.blue #slatenav{position:relative;display:block;height:50px;font-size:11px;font-weight:bold;background:transparent url(http://www.letiste-info.cz/laravel/img/blueslate_background.gif) repeat-x top left;font-family:Tahoma; background-color:#CA4153;}
.blue #slatenav ul{margin:0px;padding:0;list-style-type:none;width:auto;}
.blue #slatenav ul li{display:block;float:left;margin:0 1px 0 0; border-right:1px solid white;}
.blue #slatenav ul li a{font-family:Tahoma; font-size:13px; display:block;float:left;color:white;text-decoration:none;padding:14px 20px 8px 21px;height:28px;}
.blue #slatenav ul li a:hover,.blue #slatenav ul li a.current{color:black;background:transparent url(http://www.letiste-info.cz/laravel/img/blueslate_backgroundOVER.gif) no-repeat top center; background-color:#04AFE5;}
/* ---------------------- END Blueslate nav ---------------------- */



.anunci {padding-bottom:7px; border-bottom:1px dotted gray;}
.anunci .titol {font-weight:bold;}
.anunci .contacte {font-size:10px; color:gray; text-align:right;}
.anunci .right {text-align:right; padding-right:10px;}
.anunci input,textarea {
border:1px solid #CA4153;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.anunci input {width:200px;}
.anunci input[name="titol"] {width:300px;}
.anunci textarea {width:300px; height:100px;}
.anunci input[type="submit"] {width:150px; background-color:#CA4153; color:white;}
.anunci input[type="checkbox"] {width:10px;}

.center {text-align:center;}



/* TOOLTIP */
a.tooltip {outline:none; color:white;} 
a.tooltip strong {line-height:30px;} 
a.tooltip:hover {text-decoration:none;} 
a.tooltip span { z-index:10;display:none; padding:14px 20px; margin-top:60px; margin-left:-250px; width:240px; line-height:16px; } 
a.tooltip:hover span{ display:inline; position:absolute; border:2px solid #FFF; color:#EEE; background:#231955 url(http://www.epep.cz/images/css-tooltip-gradient-bgs.png) repeat-x 0 0; } 
.callout {z-index:20;position:absolute;border:0;top:-14px;left:120px;} /*CSS3 extras*/ 
a.tooltip span { border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 0px 0px 8px 4px #666; -webkit-box-shadow: 0px 0px 8px 4px #666; box-shadow: 0px 0px 8px 4px #666; opacity: 0.8; }






@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);
/* Menu CSS */
#cssmenu {margin-top:10px;}
#cssmenu,
#cssmenu > ul {
  background: #04AFE5;
  padding-bottom: 0px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
#cssmenu:before,
#cssmenu:after,
#cssmenu > ul:before,
#cssmenu > ul:after {
  content: '';
  display: table;
}
#cssmenu:after,
#cssmenu > ul:after {
  clear: both;
}
#cssmenu {
  width: auto;
  zoom: 1;
}

#cssmenu .calendari {
  width:240px;
  text-align:right;
  border-right:0;
}

#cssmenu .calendari a {
  font-size: 12px;
}
#cssmenu .calendari:hover > a  {
  background-color:#CA4153;
}
#cssmenu > ul {
  background: #CA4153;
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu > ul li {
  margin: 0;
  padding: 0;
  list-style: none;
  border-right:1px solid white;
}
#cssmenu > ul > li {
  float: left;
  position: relative;
}
#cssmenu > ul > li.final {border-right:0;}

#cssmenu > ul > li > a {
  width:134px;
  padding:20px 0;
  /*padding: 20px 20px;*/
  text-align:center;
  display: block;
  color: white;
  font-size: 16px;
  text-decoration: none;
  text-shadow: 0 -1px 0 #0d0d0d;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
  line-height: 18px;
}
#cssmenu > ul > li:hover > a {
  background: #04AFE5;
  text-shadow: 0 -1px 0 #97321f;
  text-shadow: 0 -1px 0 rgba(122, 42, 26, 0.64);
}
#cssmenu > ul > li > a > span {
  line-height: 18px;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li > a:active {
  background: url(hover.png) repeat;
}
/* Childs */
#cssmenu > ul ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 120px;
  background: #CA4153;
  margin: 0;
  padding: 0;
  z-index: -1;
}
#cssmenu > ul li:hover ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
  color: #000;
  z-index: 2;
  top: 58px;
  left: 0;
}
#cssmenu > ul ul:before {
  content: '';
  position: absolute;
  top: -10px;
  width: 100%;
  height: 20px;
  background: transparent;
}
#cssmenu > ul ul li {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
#cssmenu > ul ul li a {
  padding: 5px 10px;
  display: block;
  color: white;
  font-size: 13px;
  text-decoration: none;
  width: 250px;
  /*border-left: 4px solid transparent;*/
  border-top: 1px solid white;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
#cssmenu > ul ul li a:hover {
  background: #04AFE5;
}
#cssmenu > ul ul li a:active {
  background: #04AFE5;
}

/* Fotogaleria */

.fotogaleriaContainer {width:920px; margin:0 auto;}
.fotogaleriaThumb {float:left; margin:0 20px 20px 0; width:265px; background-color:#F1F1F1; padding:10px;}
.fotogaleriaThumb.last {margin-right:0px;}
.fotogaleriaThumbTitle {margin-top:10px; text-align:center; font-size:14px; font-weight:bold; color:#CA4153;}


/* Horaris */

table.horaris {font-size:13px; border-collapse: collapse; font-weight:bold; margin-bottom:20px;}
table.horaris td {border:1px solid black; padding:10px;}
table.horaris tr.none {border:0px; margin:0px; padding:0px; height:0px; !important}

table.horaris th {border:1px solid black; padding:10px; width:260px; background-color:#dbe5f1;}
table.horaris th.w10 {width:10px;}
table.horaris th:first-child {width:100px;}

table.horaris tr td {text-align:center; height:40px;}
table.horaris tr td:first-child {text-align:left;}
table.horaris td span {font-size:10px; color:#515151; font-weight:normal;}

table.horaris td.literatura {background-color:#FFFF6F;}
table.horaris td.catala1a {background-color:#92d050;}
table.horaris td.cultura {background-color:#FFB7FF;}
table.horaris td.musica {background-color:#FFCCCC;}
table.horaris td.traduccio {background-color:#b1a0c6;}
table.horaris td.gramatica {background-color:#c0504d;}
table.horaris td.catala1b {background-color:#ffc000;}
table.horaris td.catala2 {background-color:#9ECFCF;}
table.horaris td.ortografia {background-color:#d5e2bb;}
table.horaris td.catala3 {background-color:#e26c09;}
table.horaris td.conversa {background-color:#FFBE7D;}
table.horaris td.catala4 {background-color:#C0C0C0;}
table.horaris td.catala6 {background-color:#77BBFF;}




.horarisAula {background-color:#dbe5f1; border:1px solid black; padding:10px; font-size:12px; margin-bottom:20px;}

table.horarisCursos {width:100%; font-size:11px; border-collapse: collapse; font-weight:normal; margin-bottom:20px;}
table.horarisCursos td {border:1px solid black; padding:10px; background-color:#dbe5f1;}

.horarisTutories {background-color:#dbe5f1; border:1px solid black; padding:10px; font-size:12px; margin-bottom:20px;}

.horarisSemestre {font-size:12px;}

.flashMessage {width:800px; position:absolute; margin:0 auto; left:0; right:0; bottom:0; border:5px solid black; border-bottom:0; background-color:#01AAEB; padding:10px; color:white;}

.materialDate {color:gray; font-size:11px;}

table.certificats {margin-bottom:30px;}
table.certificats tr:last-child td {border-top:1px solid black;}
table.certificats th {border:0; padding:8px; font-weight:bold; text-align:left; background-color:#eeeeee;}
table.certificats td {padding:8px; border:1px solid black;}

/* Aula virtual - taby */
.matMain {margin: 0 auto; min-width: 320px; max-width: 900px;}
.matContent {background: #fff; color: #373737; border-top:0px solid #ca4153;}
.matContent > div {display: none; padding: 20px 25px 5px;}


.matMain input {display: none;}
.matMain label {display: inline-block; padding: 11px 11px; font-size: 1.1em; text-align: center; border-top:3px solid #ca4153;}
.matMain label:hover {background:#ca4153; color:white; cursor: pointer;}
.matMain input:checked + label {background: #ca4153; color: #fff;}

#tab-119:checked .matContent #content-119 {display:block;}

#tab1:checked ~ .matContent #content1,
#tab2:checked ~ .matContent #content2,
#tab3:checked ~ .matContent #content3,
#tab4:checked ~ .matContent #content4,
#tab5:checked ~ .matContent #content5,
#tab6:checked ~ .matContent #content6,
#tab7:checked ~ .matContent #content7,
#tab8:checked ~ .matContent #content8,
#tab11:checked ~ .matContent #content11,
#tab12:checked ~ .matContent #content12,
#tab13:checked ~ .matContent #content13,
#tab14:checked ~ .matContent #content14, 
#tab21:checked ~ .matContent #content21, 
#tab22:checked ~ .matContent #content22,
#tab23:checked ~ .matContent #content23,
#tab24:checked ~ .matContent #content24 {
  display: block;
}


 



.nou {border-radius: 6px; background: red; color:white; padding: 2px 5px; font-size:0.8em; margin-right:0.5em;}








/* Style the tab buttons */
.tablink {display: inline-block; padding: 11px 11px; font-size: 1.1em; text-align: center; border-top:3px solid #ca4153; background-color:white;}
.tablink:hover {background:#ca4153; color:white; cursor: pointer;}
/*
.tablink {
  background-color: #555;
  color: white;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;
  width: 25%;
}
*/

/* Change background color of buttons on hover */


/* Set default styles for tab content */
.tabcontent {
  color: black;
  display: none;
  padding: 50px;
  text-align: left;
}