/*
Theme Name: kronis.lv
Theme URL: http://www.kronis.lv/

Version: 1
Author: saigo
Author URL: http://saigot.com/


Toņu kodi pamatlapai:
tumši zils - R: 33, G: 67, B: 146 (#214392)
gaiši zils - R: 144, G: 161, B: 200 (#90a1c8)

rāmītis #96acc0

tumši zila pāreja:
tumšais gals - R: 33, G: 67, B: 146 (#214392)
gaišais gals - R: 101, G: 124, B: 189 (#657cbd)

gaiši zila pāreja:
tumšais gals - R: 84, G: 109, B: 182 (#546db6)
gaišais gals - R: 141, G: 159, B: 207 (#8d9fcf)


Toņu kodi Vēstures sadaļai:
zilais ovāls ar uzrakstu Vēsture - R: 119, G: 140, B: 188 (#778cbc)
smilšu tonis - R: 224, G: 221, B: 206 (#e0ddce)
sarkanais akcenttonis - R: 219, G: 73, B: 54 (#db4936)

*/

/* Izvietojums
---------------------------------------------------------------------------- */
html { overflow-y: scroll; }


body {margin: 0; padding: 0; 
	font: 13px "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif;
	background-color: #fff; color: #214392; }

#pamats {position: relative; margin:0 auto; padding:0; width: 950px;}

#lapa {}

#galvapamata {position: relative; width: 950px; height: 414px; top:0px; margin:0px; padding: 0;}
    
    
#logo {position: absolute; width:90px; height:164px; left:0px; top: 0px; padding: 0}

#logo a {text-indent: -9999px; display: block; width:90px; height: 164px; background: #214392 url(img/Kronis.gif) no-repeat 0 0;}

#galvasbilde {width:950px; height: 384px; padding:30px 0 0 0; margin: 0}



#balkis {position: relative; width: 950px; height: 30px; margin:5px 0 0 0; padding: 0; background: #657cbd url(img/balkitis-30.gif) repeat-x 0 0;}

#drupacas {float: left; width:790px; padding:0 0 0 20px; margin: 0; font-size: 14px; color: #fff; letter-spacing: 1px; line-height: 30px; text-transform:uppercase;}
#drupacas a {color:#fff}

#valodas {position: absolute; right: 10px; top: 0; width:120px; padding:0; margin: 0; font-size: 12px;  line-height: 30px; text-transform:uppercase;}

#valodas ul {list-style: none; margin:0; padding:0}
#valodas li {display: block; float: left}
#valodas ul li a{padding: 0 0 0 14px; text-decoration: none; color: #214392}
#valodas ul li a:hover{color: #214392; font-weight: bold;}
#valodas li.active a {color: #214392; font-weight: bold; text-decoration: none;}


.ena { -moz-box-shadow: 5px  5px  10px  #cecece; -webkit-box-shadow: 5px  5px  10px  #cecece; box-shadow: 5px  5px  10px  #cecece;}


#social {clear: both; width:950px; height: 32px; padding: 0; margin:20px 0 0 0;}
.soc_button {float: left; display: block; text-indent: -9999px; height: 32px; width: 32px; padding: 0; margin: 0 10px 0 0}
.twitter {background: url(img/social_icons.png) no-repeat -50px 0;}
.instagram {background: url(img/social_icons.png) no-repeat -200px 0;}
.facebook {background: url(img/social_icons.png) no-repeat 0 0;}
.pinterist {background: url(img/social_icons.png) no-repeat 0 -150px;}



/*PAMATA NAVIGACIJA
---------------------------------------------------------------------------- */
#navigacija {position: absolute; top: 80px; left: 230px; width:800px; height: 27px;}

#navigacija ul {list-style: none; margin: 0; padding: 0;}
#navigacija li {display: block; margin: 0;  float:left;}
#navigacija li span {margin: 0 0 0 20px; height: 27px; }
#navigacija li a {display: block; background: url(img/pogu-fons.png) no-repeat 0 -30px; color: #fff; text-decoration: none; width: 150px; font-size: 14px; letter-spacing: 1px; line-height: 24px; text-transform:uppercase; text-align: center; margin: 0 0 0 20px; padding: 0 0 2px 0}

#navigacija li a:hover, #navigacija li.active a {background: url(img/pogu-fons.png) no-repeat 0 0;}



#tekstadala {margin: 20px 0 0 0; width: 950px}
.plata {padding: 0}
.saura {padding: 0 20px 30px 20px}


/*MAZIE BLOKI
---------------------------------------------------------------------------- */
#mazaisbloks {height: 250px; width: 960px; padding: 0;}
.anotacija {float: left; width:225px; height: 250px; border: solid 1px #96acc0; margin: 0 14px 0 0; padding: 0}
.anotacijas-bilde {width:225px; height: 150px; overflow: hidden}
.anotacija h3 { padding-left: 20px; font-size: 14px; color: #214392; text-transform:uppercase; margin: 15px 0 5px 0}
.anotacija p { padding:0 5px 0 20px; }




/*VESTURES BLOKS 
---------------------------------------------------------------------------- */

#vesture {position: relative; margin: 45px 0 0 0; width: 948px; height: 177px; border: solid 1px #96acc0;}
#vesture-bilde {float: left; width: 612px; height: 177px; background: #657cbd url(img/vesture.png) repeat-x 0 0;}
#vesture-bilde a {display: block; width: 612px; height: 177px; text-indent: -9999px;}
#vesture-teksts {float: right; width: 290px; margin: 20px 20px 20px 10px}
.datums {font-family: Georgia, 'Times New Roman', Times, serif; font-size: 15px; font-style: italic; border-bottom: solid 1px #96acc0; padding: 0 0 5px 0; margin: 0 0 10px 0}


#apaksasbalkis {clear: both; width:950px; height: 23px; padding: 0; margin:20px 0 20px 0;  background: #657cbd url(img/apaksas-fons.gif) repeat-x 0 0;}

#adrese {float: left; width: 660px; height: 23px; margin-left: 20px;}
#izstrade {float: right; width:230px; padding:0; margin: 0; margin-right: 20px;  text-align: right}

#adrese {color: #fff; font-size: 12px;  line-height: 23px;}
#izstrade {color: #fff; font-size: 10px;  line-height: 23px;}
#izstrade a {color: #fff;} 




/*PRODUKTU SADALA 
---------------------------------------------------------------------------- */

#prodteksts {float: right; width: 700px;}
#prodsadala {min-height: 300px; background: #ffffff url(img/stripa-h222.gif) repeat 0 4px}

#prodsadala ul {list-style: none; margin: 0; padding: 0;}
#prodsadala ul li {display: block; float: left; margin: 0; padding: 0 5px 5px 0; width: 225px; height: 215px;}
/*#prodsadala ul li:hover {border: 1px solid #d5d7d8;  width: 228px; height: 215px; -moz-box-shadow: 5px  5px  10px  #cecece; -webkit-box-shadow: 5px  5px  10px  #cecece; box-shadow: 5px  5px  10px  #cecece; background: #ffffff } */
#prodsadala ul a {  color: #214392;}

.mazais-titulam {position: relative; top: 2px; width: 230px; height: 215px; padding: 1px 0 1px 1px }

.mazais-titulam:hover {border: 1px solid #d5d7d8;  width: 228px; height: 213px; padding: 0; -moz-box-shadow: 5px  5px  10px  #cecece; -webkit-box-shadow: 5px  5px  10px  #cecece; box-shadow: 5px  5px  10px  #cecece; background: #ffffff; z-index: 10 } 

.nosaukums {position: absolute; width: 228px; top: 190px; font-size: 14px; padding: 0; text-transform:uppercase; text-align: center; z-index:10}

.mazais-titulam:hover .nosaukums {top: 189px}
.bilde {position:relative; top: 0px; width: 228px; text-align: center}

.lupa {position:relative; left: 20px; bottom: 30px; width:26px; height: 26px; background: #fff url(img/lupa2.png) no-repeat 0 0; z-index:5}

#prodnavigacija {float: left; width: 215px}
#prodnavigacija ul {list-style: none; margin: 0; padding: 0}
#prodnavigacija ul li { margin: 0; padding: 0}

#prodnavigacija ul li a {display: block; color: #fff; text-decoration: none; font-size: 14px; letter-spacing: 1px; line-height: 30px; text-transform:uppercase;}
#prodnavigacija ul li span {display: block; background-color: #90a1c8; margin: 0; padding: 0 0 0 10px; border-bottom: #fff solid 2px}
#prodnavigacija ul li span:hover {background: #214392 url(img/keksis-sans.png) no-repeat 95% 50%;}
#prodnavigacija ul li.active span {background: #214392 url(img/keksis-leja.png) no-repeat 95% 50%;}

#prodnavigacija ul ul li span {display: block; background-color: #fff!important; margin: 0; padding: 0 0 0 20px;}
#prodnavigacija ul ul li span:hover {background: #fff url(img/keksis-zils.png) no-repeat 95% 50%;}
#prodnavigacija ul ul li.active span {background: #fff url(img/keksis-zils.png) no-repeat 95% 50%;}

#prodnavigacija ul ul li a {display: block; color: #214392; text-decoration: none; font-size: 12px; letter-spacing: 1px; line-height: 20px; text-transform:uppercase;}



#prodnavigacija ul li.f14 span {display: block; background-color: #ba9a6e; margin: 0; padding: 0 0 0 10px; border-bottom: #fff solid 2px}
#prodnavigacija ul li.f14 span:hover {background: #214392 url(img/keksis-sans.png) no-repeat 95% 50%; color:#ba9a6e}
#prodnavigacija ul li.active span {background: #214392 url(img/keksis-leja.png) no-repeat 95% 50%;}

#prodnavigacija ul li.f14 a:hover {color:#ba9a6e}


/* PRODUKTU ANOTACIJAS */

.prod-anotacija {height: 175px; border-bottom: 1px solid #d5d7d8;}
.prodbilde {float: left; border: 1px solid #fff;  width: 210px; height: 173px; margin-right: 10px}
.prodbilde:hover {border: 1px solid #d5d7d8;  -moz-box-shadow: 5px  5px  10px  #cecece; -webkit-box-shadow: 5px  5px  10px  #cecece; box-shadow: 5px  5px  10px  #cecece; background: #ffffff }

.prodbilde img {width: 100%; height: auto}


.prod-anotacija h3 {color: #214392; font-size: 14px; padding: 5px 0 15px 0; text-transform:uppercase;}

.bordo {position: absolute; left: 0; top: 0; width:80px; height:auto}



/*AKTUALI SADALA 
---------------------------------------------------------------------------- */

#aktuteksts2 {float: right; width: 620px;}
#aktusans {width: 300px; display: none;}

/*#aktusans h3 {display: block; height: 30px; color:#fff; background: #214392; line-height: 30px; padding-left: 20px; text-transform:uppercase; font-size: 14px; letter-spacing: 1px; font-weight:normal; border-bottom: 3px solid #fff;}*/

.tumsfons { background: #90a1c8; padding: 20px;}
.tumsfons p { color: #fff}
.bildesfons {border: 1px solid #96acc0;}

#aktusans h3 a {display: block; height: 30px; color:#fff; background: #214392; line-height: 30px; padding-left: 20px; text-transform:uppercase; font-size: 14px; letter-spacing: 1px; font-weight:normal; border-bottom: 3px solid #fff;}

#aktusans h3 a:hover {color:#fff; background: #90a1c8;}

.sadaluanotacija {}
/*.anotacijaviena2 {position: relatvie; display: block; width: 618px; height: 180px; border:  1px solid #96acc0; margin: 0 0 20px 0; padding: 0; overflow: hidden}

.anbilde2 {float: left; margin-right: 20px}
.ante22 {float: right; width:418px; padding: 0 10px 5px 0}*/

.anotacijaviena { position: relatvie; width: 99.8%; height: 180px; border:  1px solid #96acc0; margin: 0 0 20px 0; padding: 0; overflow: hidden}

.anotacijaviena a {display: flex;}

.anbilde {width:180px; margin-right: 20px}
.ante { width: 100%; padding: 0 10px 5px 0}

.ante h3 {display: block; width: 70%; text-transform:uppercase; letter-spacing: 1px; margin: 20px 0 20px 0}

.andatums {float:right; width:150px; text-align: right; margin: 20px 5px 0 0}


/*RECEPSU SADALA 
---------------------------------------------------------------------------- */

.rec_bilde {float: right; width: 300px;}
.rec_sastavs {float: left; width: 300px}
.rec_autors {font-size: 11px; margin: -10px 0 15px 0}



/*AKORDEONS 
---------------------------------------------------------------------------- */

.ramis {position: relative; border: 1px solid #96acc0; margin: 0 0 10px 0; }
.acc_trigger {position: relatvie; padding: 0; width: 100%;}
.acc_trigger h2 {margin: 0; display: block; width: 70%;  padding: 10px 0 10px 20px; }
.acc_container {}
.block {padding: 0 20px 10px 0px}
.acc_datums {position:absolute; top: 0; right:20px; width:180px; text-align: right; margin: 10px 20px 0 0; z-index:100}
.acc_anotacija {   display: flex; margin: 0 0 20px 0; padding:0}
.ante2 {width:100%; padding: 0}


/*VIDEO GALERIJA 
---------------------------------------------------------------------------- */

/*
Kopejais VIDEO saraksts  */

#video {position: relative; width: 620px; background: #90a1c8 url(img/video-z.png) no-repeat 97%  7px;  margin: 0 0 3px 0}

#video H2 {height: 30px; color:#fff; line-height: 30px; padding: 0 0 0 20px; text-transform:uppercase; font-size: 14px; letter-spacing: 1px; font-weight:normal; margin: 0}


#video_virsraksts {position: relative; width: 620px; background: #214392 url(img/video-p.png) no-repeat 80% 7px;  margin: 0 0 3px 0}


#video_virsraksts {position: relative; width: 620px; background: #214392 url(img/video-p.png) no-repeat 80% 7px;  margin: 0 0 3px 0}


.video_datums {position:absolute; top: 0; right:0px; width:180px; height: 30px; color:#fff; line-height: 30px; text-align: right; margin: 0px 20px 0 0; z-index:100}



/*FOTO GALERIJA 
---------------------------------------------------------------------------- */

/*
Kopejais FOTO saraksts  */

#foto {position: relative; width: 620px; background: #90a1c8 url(img/foto-z.png) no-repeat 97%  7px;  margin: 0 0 3px 0}

#foto H2 {height: 30px; color:#fff; line-height: 30px; padding: 0 0 0 20px; text-transform:uppercase; font-size: 14px; letter-spacing: 1px; font-weight:normal; margin: 0}


.svitra {position: relative; margin: 0; color: #90a1c8; border-bottom: solid 1px #96acc0; padding: 10px 0 10px 0px}
.svitra a {display: block; color: #90a1c8;  text-transform:uppercase; font-size: 15px}
.svitra a:hover {color: #214392; text-decoration: none}

.datumsVest {position: absolute; top: 10px; right: 0; width: 100px; text-align: right}

#foto_virsraksts {position: relative; width: 620px; background: #214392 url(img/foto-p.png) no-repeat 80% 7px;  margin: 0 0 3px 0}

#foto_virsraksts H1, #video_virsraksts H1 {height: 30px; color:#fff; line-height: 30px; padding: 0 0 0 20px; text-transform:uppercase; font-size: 14px; letter-spacing: 1px; font-weight:normal; margin: 0}

.foto_datums {position:absolute; top: 0; right:0px; width:180px; height: 30px; color:#fff; line-height: 30px; text-align: right; margin: 0px 20px 0 0; z-index:100}


#slides {margin: 0; padding: 0}

/*
	Slides container
	Important:
	Set the width of your slides container
	If height not specified height will be set by the slide content
	Set to display none, prevents content flash
*/

.slides_container { width:620px; min-height:410px; overflow:hidden; position:relative; display:none; /*background: #90a1c8;*/ background: #efefef; text-align: center;
}

.fotorinda { width: 620px; text-align:center;}

.fotorinda img {margin: auto;}

/*
	Pagination
*/
.bilzu_navigacija {position: relative; margin: 5px auto 0}

#previd {float: left; width: 12px}
#nextid {float: right; width: 12px}


.pagination { margin:5px auto 30px; width:100px; }

.pagination li { float:left; margin:0 1px; list-style:none; }

.pagination li a { display:block; width:12px; padding-top:0px; float:left; overflow:hidden; }

.pagination li.current a { font-weight: bold}







.svitra_ap {padding: 0 0 10px 0; margin: 0 0 15px 0;  border-bottom: 1px solid #90a1c8; }


.clear {clear:both;}

.m50 {margin: 0 0 50px 0}

.zsvitra {width:100%; height: 60px; background: #fff url(img/z-svitra.gif) no-repeat 0 50%}

.400 {width: 400px !important;}


/* Noformejums
---------------------------------------------------------------------------- */
h1, h2, h4, h5 {font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,Helvetica,sans-serif; 
font-size: 14px;  
/*font-weight:normal;*/
	letter-spacing: 1px;
}

h1, h2, h4, h5 {text-transform:uppercase }

h1 {margin: 0 0 20px 0px; color: #214392   }
h2 {margin: 25px 5px 15px 0px; color: #214392   }
h4 {margin: 15px 5px 15px 0px; color: #214392   }

h3 {font-size: 14px;  margin: 15px 0px 0px 0px; color: #214392 }

h5 {margin: 5px 0px 0px 0px; color: #0c1f4a }

p {margin: 0 0 7px 0; padding:0}

p, div, td {
text-align: left;  color: #214392; line-height: 16px;  }

.autors {font-size: 11px}

a {color: #214392; text-decoration: none}

a:hover {color: #ee2935; text-decoration: none}

.apa {font-size: 7pt; letter-spacing: 1px; line-height: 18px;  }

input, textarea { padding: 2px; background-color: #FEFEFE; border: 1px solid #787891 ; font: normal 10pt Georgia, 'Times New Roman', Times, serif; }

.left {
    float: left;
}
.centrs {text-align: center}
.dizains {  float: left; padding-left:35px}
.gads {position: absolute; width:100px; margin-left: 355px; text-align: center}

.zils {color: #3f6db3}
.balts {color: #fff}

img {border: none}


.formas select {
width:200px;
}

.l20 { line-height: 20px;}

.h50 {display: block; height: 50px}


/* DAZADI
-------------------------------------------------------------*/
#topcontrol {	}

.pdfstils {
	padding: 0 0 0 20px;
	background: url(img/pdf.gif) no-repeat left 50%;
	line-height: 18px;
}
.errors {	color: #900;  padding-top: 15px}

/* LAPU NUMERACIJA
-------------------------------------------------------------*/

#lapunum { margin: 15px 0 50px 0}
.ditto_previous_off, .ditto_next_off, .ditto_off {color: #787891}
.ditto_page {	padding: 2px 5px; margin: 2px 1px;}
.ditto_currentpage {padding: 2px 5px; margin: 2px 1px; font-weight: bold;}


.pagin_pages {margin-top: 15px}

/*PAR MUMS
---------------------------------------------------------------------------- */
.bloks-2 {flex:50%; height: auto; border: solid 0px #96acc0; margin: 0 14px 0 0; padding: 0}
.bloks-2 h3 { padding-left: 15px; font-size: 14px; color: #214392; text-transform:uppercase; margin: 15px 0 5px 0}
.bloks-2 p { padding:5px 15px; }

.bloks-2 div:last-child { margin: 0 0 0 0 !important; padding: 0}

.flex-container {
  display: flex;
}




.alfa {margin-left: 0}
.omega {margin-right: 0}

.flex-container-wrap {display: flex; flex-wrap: wrap;}
.kat-bloks {position: relative; width: 33%; box-sizing: border-box; padding: 10px; text-align: center; border-bottom: 3px solid #f3f3f3;  border-top: 1px solid transparent;  border-right: 1px solid transparent;  border-left: 1px solid transparent; margin-bottom: 10px;}
.kat-bloks img {max-width: 100%; height: auto;}

.kat-bloks:hover {border: 1px solid #d5d7d8;  -moz-box-shadow: 5px  5px  10px  #cecece; -webkit-box-shadow: 5px  5px  10px  #cecece; box-shadow: 5px  5px  10px  #cecece; background: #ffffff; z-index: 50;}