@import url(https://fonts.googleapis.com/css?family=Courgette);

.rc-menu-container { width: 966px; float: left; display: block; margin: 1px 0 0 0; padding: 0 0 0 14px; height: 28px; background-color: #c4590b; border-width: 0; -moz-border-radius: 15px; border-radius: 15px; }
.rc-menu-button { font: 14px Oswald; float: left; width: 132px; padding: 2px 2px 1px 2px; color: #d826da; text-align: center; }
.rc-menu-button a {
    display: table-cell;
    float: left;
    width: 128px;
    padding: 1px 2px 2px 2px;
    font: 14px Oswald;
    color: #fdb;
    text-decoration: none;
    text-align: center;
}
.rc-menu-button a:hover {
    color: #a00;
	background-color: white;
}
.rc-menu-button a:active {
    color: #ffd800;
	background-color: #a00;
}
.rc-menu-button-a a, .rc-menu-button-a a:hover, .rc-menu-button-a a:active  {
    display: table-cell;
    float: left;
    width: 128px;
    margin: 2px 2px 3px 2px;
    padding: 1px 2px 2px 2px;
    font: 14px Oswald;
    background-color: #fdb;
    color: black;
    text-decoration: none;
    text-align: center;
}

.rccentrebox { float: left; width: 980px; padding: 0; margin: 0; padding: 0; border-width: 0; overflow: hidden; }
* html .rccentrebox { width: 980px; }
.rcrightcol { float: right; display: table-cell; float: right; width: 302px; height: 100%; min-height: 100%; padding: 0; }
.rcmaincol { float: left; width: 670px; text-align: left; -moz-border-radius: 15px; border-radius: 15px; }

.rcright { display: table-cell; float: right; width: 300px; height: 100%; min-height: 100%; background-color: #f2d3f2; padding: 5px; margin: 0; -moz-border-radius: 15px; border-radius: 15px; }
.rcmain {
    float: left;
    width: 656px;
	padding: 5px 5px 32773px 5px;
	margin-bottom: -32768px;
    background-color: #f4e3f4;
	text-align: center;
	-moz-border-radius: 15px;
    border-radius: 15px;
}

.rcprint { display: block; position: absolute; top: 0px; width: 672px; left: 50%; margin: 0; margin-left: -336px; padding: 0; border-width: 0; overflow: inherit; text-align: left; -moz-border-radius: 15px; border-radius: 15px; }

.rc-grupa-container, .rc-grupa-head-container, .rc-recept-container {
    width: 668px;
	float: left;
	display: table;
	margin: 0;
	padding: 0 0 0 2px;
	margin-bottom: 5px;
	background-color: white;
	border-width: 0;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.rc-grupa-head-container {
    width: 979px;
    padding-left: 1px;
}

.rc-recept-container {
    width: 660px;
	padding: 0 0 0 0px;
	padding: 5px;
}

.rc-recept-title {
    width: 650px;
	float: left;
    display: block;
    margin: 0;
	padding: 3px 5px;
	text-align: left;
    font-family: 'Courgette', cursive;
    font-size: 28px;
	color: #a00;
}

.rc-recept-info-container {
    width: 660px;
	float: left;
}

.rc-recept-info-border-image {
    float: left;
    border: 5px solid #ccc;
    padding: 5px;
    margin-bottom: 5px;
}

.rc-recept-info-image {
    width: 640px;
    height: 240px;
	float: left;
	border: 0;
	overflow: hidden;
}

.rc-recept-info-panel {
    width: 660px;
	float: left;
	overflow: hidden;
    background-color: #eee;
}

.rc-recept-info-property {
    width: 160px;
	float: left;
	margin: 5px 0 5px 5px;
}

.rc-recept-info-icon {
    width: 35px;
	float: left;
	text-align: left;
}

.rc-recept-info-data {
    float: left;
	margin: 10px 0 0 2px;
    text-align: left;
    width: 120px;
}

div.ocenjivanje {
    float: left;
	margin-top: -2px;
    text-align: left;
    width: 82px;
}

.rc-recept-info-yes-no-container {
    width: 650px;
    float: left;
    margin-bottom: 5px;
    padding: 2px 10px 0 0;
	background-color: #eee;
}

.rc-recept-info-yes, .rc-recept-info-no {
    width: 120px;
	float: left;
	margin: 5px;
	padding: 0 0 0 20px;
	text-align: left;
	font: 12px Verdana;
	color: black;
	background: url('../img/recepti/icons/10x10-yes.png') 2px 2px no-repeat;
}

.rc-recept-info-no {
	color: #aaa;
	background: url('../img/recepti/icons/10x10-no.png') 2px 2px no-repeat;
}

.rc-recept-info-datum {
    width: 120px;
	float: right;
	margin: 6px 0 5px 5px;
	padding: 0;
	text-align: right;
	font: 10 Verdana;
	color: #555;
}

.rc-recept-priprema-container {
    width: 390px;
    float: right;
    display: block;
}

.rc-recept-priprema-title {
    width: 380px;
    margin-right: 10px;
    margin-top: 30px;
    padding-bottom: 5px;
    font: bold 16px Verdana;
    font-style: italic;
    color: #c00;
    border-bottom: 1px dotted black;
}

.rc-recept-priprema-celina {
    width: 380px;
    float: left;
    display: block;
    margin: 20px 10px 5px 0;
}

.rc-recept-priprema-celina-title {
    float: left;
    width: 380px;
    font-family: 'Courgette', cursive;
    font-size: 16px;
    color: #00c;
    text-align: left;
    margin-bottom: 5px;
}
.rc-recept-redNm { color: #c00; }

.rc-recept-priprema-celina-text {
    float: left;
    width: 380px;
    text-align: justify;
    font-family: Verdana;
    font-size: 12px;
}

.rc-recept-sastojci-container {
    width: 240px;
    margin-top: 20px;
    float: left;
    display: block;
    margin-left: 0px;
    padding: 10px;
    background-color: #fafafa;
}

.rc-recept-sastojci-title {
    width: 235px;
    padding-bottom: 5px;
    font: bold 16px Verdana;
    font-style: italic;
    border-bottom: 1px dotted black;
}

.rc-recept-sastojci-celina-title {
    float: left;
    width: 235px;
    font-family: 'Courgette', cursive;
    font-size: 16px;
    text-align: left;
    color: #963;
    margin-bottom: 5px;
}

.rc-recept-sastojci-celina {
    width: 235px;
    float: left;
    display: block;
    margin: 20px 0 5px 0;
}

.rc-recept-sastojak {
    width: 235px;
    float: left;
    display: block;
    margin: 2px 0;
}

.rc-recept-sastojci-naziv {
    max-width: 160px;
    float: left;
    display: inline;
    text-align: left;
    font-family: Tahoma;
    font-size: 12px;
    font-style: normal;
    color: #630;
}
.rc-recept-sastojci-kolicina {
    float: right;
    display: inline;
    text-align: right;
    font-family: Tahoma;
    font-size: 12px;
    font-style: italic;
    color: #963;
}

.rc-grupa, .rc-grupa-head, .rc-grupa-head-a {
    width: 102px;
	float: left;
	padding: 0;
	margin: 5px 0 5px 6px;
	background-color: white;
	text-align: center;
	border: 1px solid #f4e3f4;
	-moz-border-radius: 10px; border-radius: 10px;
}
.rc-grupa-head, .rc-grupa-head-a {
    width: 154px;
}

.rc-grupa-head-a {
	border: 1px solid #b493a4;
	color: #A00;
    background-color: #fffaff;;
}

.rc-grupa:hover, .rc-grupa-head:hover, .rc-grupa-head-a:hover {
    background-color: #fffffa;
	border: 1px solid #c4b3c4;
	color: #A00;
}

.rc-grupa:hover .rc-grupa-title, .rc-grupa-head:hover .rc-grupa-head-title {
	color: #A00;
}

.rc-grupa-head-a .rc-grupa-head-title {
    color: #e00;
}

.rc-grupa-head-a:hover .rc-grupa-head-title {
    color: #a00;
}

.rc-grupa-image, .rc-grupa-head-image {
    width: 80px;
	float: left;
	padding: 2px 11px 0 11px;
}
.rc-grupa-head-image {
    width: 40px;
    padding: 2px 4px 2px 4px;
}

.rc-grupa-title, .rc-grupa-head-title {
    width: 102px;
	float: left;
	padding: 2px 0 2px 0;
	text-align: center;
	font: 14px Oswald;
}
.rc-grupa-head-title {
    width: 106px;
    padding: 7px 0 4px 0;
}

.rc-grupa a, .rc-grupa-head a {
    color: #781079;
}

.rc-banner-desno {
    float: left;
    width: 300px;
    margin-bottom: 5px;
    overflow: hidden;
    text-align: center;
    background-color: white;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.rc-top5 {
    padding-top: 5px;
}

.rc-bottom5 {
    padding-bottom: 5px;
}

.rc-home-container {
    float: left;
    display: block;
    width: 670px;
    margin-bottom: 5px;
    background-color: #fff;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.rc-home-title {
    float: left;
    display: block;
    margin: 5px 5px 0 5px;
    width: 640px;
    padding: 5px 10px;
    text-align: left;
    background-color: #333;
    color: #6cf;
    font: bold 14px 'Courgette', cursive;
    -moz-border-radius: 15px 15px 0 0;
    border-radius: 15px 15px 0 0;
}

.rc-subgroup {
    float: left;
    display: block;
    margin: 5px 5px 0 5px;
    width: 640px;
    padding: 5px 10px;
    text-align: center;
    background-color: #dcb;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

a.rc-subgroup-btn, a.rc-subgroup-btn-a {
    margin: 0 3px;
    padding: 2px;
    float: left;
    display: block;
    width: 150px;
    background-color: #a98;
    text-align: center;
    font: 14px Oswald;
    color: #fff;
}

a.rc-subgroup-btn-a {
    background-color: #432;
}

a:hover.rc-subgroup-btn {
  background-color: #765;
  color: #ffd800;
}
.rc-home-top-container {
    float: left;
    display: block;
    width: 660px;
    padding: 5px;
    background-color: #fff;
}

a.rc-home-1st-container {
    float: left;
    width: 650px;
    padding: 4px;
    border: 1px solid #666;
    color: black;
    background-color: #dfd7d0;
}
a:hover.rc-home-1st-container {
    border: 1px solid #a00;
    background-color: #f7f7f7;
    color: #a00;
}

.rc-home-1st-image {
    float: left;
    width: 320px;
    height: 180px;
    overflow: hidden;
}

.rc-home-1st-data {
    float: right;
    width: 320px;
    height: 180px;
    overflow: hidden;
    text-align: left;
}

.rc-home-1st-title {
    float: left;
    width: 320px;
    font: bold 18px 'Trebuchet MS';
    font-style: italic;
    padding: 5px 0;
    border-bottom: 1px dotted #999;
}

.rc-home-1st-category {
    float: left;
    width: 320px;
    font: bold 12px 'Trebuchet MS';
    color: #036;
    margin: 5px 0;
    padding: 5px;
    background-color: #efe7e0;
}

.rc-home-1st-desc {
    float: left;
    width: 320px;
    font: 14px 'Courgette', cursive;
    text-align: justify;
    color: #333;
    padding: 5px 0;
    border-top: 1px dotted #999;
}

.rc-home-2nd-row {
    float: left;
    margin-top: 5px;
    width: 650px;
    background-color: #f7f0e7;
    padding: 0 5px;
}

a.rc-home-2nd-container {
    float: left;
    width: 210px;
    margin: 5px 0;
    color: black;
}
a:hover.rc-home-2nd-container {
    color: #a00;
}

.rc-home-2nd-image {
    float: left;
    width: 200px;
    height: 120px;
    overflow: hidden;
    padding: 5px;
    background-color: #bbb;
    border: 1px solid #999;
}
a:hover.rc-home-2nd-container .rc-home-2nd-image {
    border: 1px solid #000;
    background-color: #eee;
}

.rc-home-2nd-title {
    float: left;
    width: 210px;
    font: bold 14px 'Trebuchet MS';
    font-style: italic;
    padding-top: 5px;
    text-align: center;
}

.rc-home-2nd-category {
    float: left;
    width: 210px;
    font: bold 12px 'Trebuchet MS';
    padding-top: 5px;
    text-align: center;
    color: #468;
}

.rc-home-thumbs-row {
    float: left;
    margin: 0;
    width: 670px;
}

a.rc-home-thumbs-container {
    float: left;
    width: 157px;
    margin: 5px;
    color: black;
}
a:hover.rc-home-thumbs-container {
    color: #a00;
}

.rc-home-thumbs-image {
    float: left;
    width: 147px;
    height: 100px;
    overflow: hidden;
    padding: 5px;
    background-color: #eee;
    border: 1px solid #bbb;
}
a:hover.rc-home-thumbs-container .rc-home-thumbs-image {
    border: 1px solid #666;
    background-color: #fff;
}

.rc-home-thumbs-title {
    float: left;
    width: 157px;
    font: bold 12px 'Trebuchet MS';
    font-style: italic;
    padding-top: 5px;
    text-align: center;
}

.rc-pages {
    float: left;
    width: 660px;
    margin: 0;
    text-align: center;
    font: 14px Oswald;
    color: #C96;
}

.rc-pages a {
    display: block;
    color: #FFD800;
}

.rc-pages a:hover {
    color: #FF0;
}

.rc-pages a:active {
    color: #FFF;
}

.rc-page-first {
    width: 50px;
    padding: 2px 0 2px 0;
    float: left;
    background-color: #A00;
}

.rc-page-prev {
    width: 150px;
    margin-left: 5px;
    padding: 2px 0 2px 0;
    float: left;
    background-color: #A00;
}

.rc-page {
    width: 240px;
    margin-left: 5px;
    padding: 2px 0 2px 0;
    float: left;
    background-color: #A00;
    color: white;
}

.rc-page-next {
    width: 150px;
    margin-left: 5px;
    padding: 2px 0 2px 0;
    float: left;
    background-color: #A00;
}

.rc-page-last {
    width: 50px;
    margin-left: 5px;
    padding: 2px 0 2px 0;
    float: left;
    background-color: #A00;
}