@import url('font-awesome.css');
@import url('mobile.css');
@import url('tablet.css');
@import url('oldmobiles.css');
/*
red: rgb(252,87,79);
red2: rgb(182,41,37);
kafe: rgb(87,77,86);
gri: rgb(93,82,82);
gri2 rgb(163,145,109);

*/
/*--------IE FIX----*/
a img
{
     border:0px;
}
/*--------------------*/
.clear:before,
.clear:after {
	content:"";
	display:table;
}

.clear:after {
	clear:both;
}



* {
	margin:0;
	padding:0;
	font-size:100%
}

html {
	/*for mobile navigation*/
	position:relative;
	min-height: 100%;
}


body {
	background-image:url(../images/textured_stripes.png);
	/*Gia na mhn paei o header dejia otan den exoume megali selida*/
	overflow:scroll;
}
.redcolor {
	color: rgb(252,87,79);
	font-weight: bolder;
}
.greycolor {
	color: rgb(87,77,86);
	font-weight: bolder;
}




@media only screen and (min-width:960px) {
.mobilecatalog {
	display:none;
}
/*------------------network--------------*/
.facebook 
{
	background-image:url(../images/contacticons/fb.png);
	width:48px;
	height:48px;
	background-repeat:no-repeat;
	background-position: center center;
	
	
}
.youtube {
	background-image:url(../images/contacticons/youtube.png);
	width:48px;
	height:48px;
	background-repeat:no-repeat;
	background-position: center center;
}
.twitter {
	background-image:url(../images/contacticons/twitter.png);
	width:48px;
	height:48px;
	background-repeat:no-repeat;
	background-position: center center;

}


/*------------Header ----------------*/

header {
	wind: 100%;
	max-width:960px;
	margin: 30px auto;
	height: 265px;
	
}
header .login a:link, header .login a:visited {
	float: left;
	margin-top:2px;
	margin-right: 30px;
	padding-bottom:10px;
	text-decoration: none;

/*	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; 
    -webkit-filter: grayscale(100%); 
	*/

}


header .order em {
	font-weight: bold;
	color: rgb(87,77,86);
	float:right;
}

header .order {
	float: right;
	position:relative;
	
}

header .order p {
	font-size:1.4em;
	float: right;
	clear:both;
	
}
header .order .fb-like {
	position:absolute;
	right:0;
	top:55px;
}


header .login a:hover, header .login a:active {
	opacity:.6;
	/*
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: none ;
    zoom:1;
    -webkit-filter: grayscale(0%);
	*/
}
.headerlogo {
	text-indent: -9999px;
	margin: -10px;
	padding: -10px;
}
.logo {
	display:block;
	background-image:url(../images/bglogo.png);
	background-repeat:no-repeat;
	background-position:center;
	text-align: center;

}
.logo img {
	vertical-align:top;
	margin-top:-80px;
}

/*----------Slider--------------*/
#sliderbg {
	height: 510px;
	background-image:url(../images/pattern.png);
}
#sliderContainer {
	position:relative;
	top:-40px;
	max-width:959px;
	margin: auto;
	height: 475px;
	background-color:white;
	padding-top: 20px;
}


/*----------Main Products----------------*/
#mainProducts {
	position:relative;
	top:-40px;
	width:960px;
	margin:auto;
	height: 230px;
	
}
#mainProducts .box {
	float: left;
	width: 31%;
	height: 230px;
	background-color: rgb(199,192,161);	
	margin-right: 3.5%;
	position:relative;
	border-radius: 5px;
	
}

.box:last-child p {
	text-align:right;
	font-size:24px;
	padding:30px 10px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: rgb(87,77,86);
	font-style:italic;
}
/* .box:nth-child(2n) p {
	float:right;
	display:block;
	width:70%;
	font-size:18px;
	line-height: 35px;
	padding:21px 15px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: rgb(87,77,86);
	font-style:italic;
}

*/
/*.box:nth-child(2n) p span {
	color: rgb(252,87,79);
	display:block;
	padding-top:20px;
	font-weight:bolder;
	
}
*/
.box:first-child p {
	float:right;
	display:block;
	width:50%;
	font-size:22px;
	line-height: 35px;
	padding:19px 15px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: rgb(87,77,86);
	font-style:italic;
	
	
}
.box:first-child p span {
	color: rgb(252,87,79);
	display:block;
	padding-top:20px;
	font-weight:bolder;
	
}
.box h2 {
	color: rgb(252,87,79);
	padding:10px 10px 0 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-weight:bolder;
	text-align:right;
}

#mainProducts .box:first-child strong {
	width:100%;
	height:195px;
	position:absolute;
	top:26px;
	left:4px;
	display:inline-block;
	background-image:url(../images/kalamakeri-gr-katalogos.png);
	background-repeat:no-repeat;
	background-position:center center;
}


/*#mainProducts .box:nth-child(2n) strong {
	width:100%;
	height:330px;
	position:absolute;
	top:20px;
	left:-80px;
	display:inline-block;
	background-image:url(../images/malamatina.png);
	background-repeat:no-repeat;
	background-position:left center;
}*/

#mainProducts .box:nth-child(2n) {
	
	background-image:url(../images/box-malamatina.png);
	background-repeat:no-repeat;
	background-position:center center;
	border-radius: 5px;
}
	
#mainProducts .box:last-child strong {
	width:100%;
	height:200px;
	position:absolute;
	top:30px;
	display:inline-block;
	background-image:url(../images/kalamakeri-gr-delivery.png);
	background-repeat:no-repeat;
	background-position:left center;
	
}

#mainProducts .box:last-child {
	margin-right:0;
}

#mainProducts .box a:link, #mainProducts .box a:visited {
	position:absolute;
	bottom:-20px;
	left:86px;
	padding:10px;
	background: #c4453c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0NDUzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmNDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNjQwNDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #c4453c 0%, #ff4747 40%, #d64040 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4453c), color-stop(40%,#ff4747), color-stop(100%,#d64040)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c4453c 0%,#ff4747 40%,#d64040 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c4453c 0%,#ff4747 40%,#d64040 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c4453c 0%,#ff4747 40%,#d64040 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c4453c 0%,#ff4747 40%,#d64040 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4453c', endColorstr='#d64040',GradientType=0 ); /* IE6-8 */
	text-decoration:none;
	font-weight:bolder;
	color: white;
	/* box-shadow:4px 4px 6px 3px  #000; */
	box-shadow: 8px 8px 4px -4px #000;
	border-radius:4px;
}


#mainProducts .box a:hover, #mainProducts .box a:active {
	opacity: 0.6;	
}


/*====================popularprod class============*/
#popularprod {
	width:960px;
	margin: 20px auto;
	height: 230px;
	
}
#popularprod .headerbg {
	
	background-image:url(../images/bgh1.png);
	background-repeat:no-repeat;
	background-position:center;
	text-align:center;
	margin-bottom:20px;
}
#popularprod .headerbg h1 {
	font-size:29px;
	font-weight:bolder;
	color: rgb(87,77,86);
	font-style:italic;
}

#popularprod .headerbg h1 span {
	color: rgb(252,87,79);
}



.prodbox {
	position:relative;
	width: 23%;
	min-height:300px;
	float: left;
	margin-right: 2.6666666%;
}
.prodbox:last-child {
	margin-right:0;
}
.prodbox img {
	margin: 10px;
	border-bottom: 1px solid rgb(93,82,82);
	padding-bottom: 20px;
}


.prodbox h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: rgb(252,87,79);
	height:20px;
	text-align: center;
}

.prodbox p {
	color: rgb(93,82,82);
	margin-bottom:15px;
	height: 120px;
	margin-bottom:20px;
	text-align:center;
}


.prodbox a:link, .prodbox a:visited  {
	position:absolute;
	bottom:0px;
	left:65px;
	padding:10px;
	background-color: rgb(87,77,86);
	text-decoration:none;
	font-weight:bolder;
	color: white;
	
}
.prodbox a:hover, .prodbox a:active {
	background-color: rgb(252,87,79);
}

/*=====================Footer=============*/
footer {
	width: 960px;
	height: 100px;
	margin:35px auto;
	background-image:url(../images/bgfooter.png);
	background-repeat: no-repeat;
	background-position: top center;
}

footer .links a:link, footer .links a:visited  {
	text-decoration:none;
	color: rgb(93,82,82);
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	margin-right: 5px;
	padding-left:5px;
	font-size: 1.2em;
	
	
}

footer .links {
	padding-top:40px;
	text-align:center;
	
}
footer .links a:hover, footer .links a:active {
	color: rgb(252,87,79);
}
#indexhtml .footerhome, #contactshtml .footercontacts, #menuhtml .footermenu, #pricehtml .footerprice, #galleryhtml .footergallery {
	color: rgb(252,87,79);
}


footer .privacy p {
	padding-top:10px;
	text-align:center;
	color: rgb(93,82,82);
}
footer .privacy p strong {
	margin-left: 20px;
}




.go-top {
	position: fixed;
	bottom: 1em;
	right: 2em;
	text-decoration: none;
	color: white;
	background: rgba(0, 0, 0, 0.3);
	font-size: 12px;
	padding: 4px 1em 6px 1em;
	display: none;
	
}
.go-top:hover {
	background: rgb(252,87,79);
	color: black;
	
}
.go-top em {
    font-style: normal;
    font-family: FontAwesome;
	font-size:2em;
	display:block;
	padding-left:0px;
	
	
    /* other styles here */
}















/*==================== navigation ================== */
.nav-link {
	display:none;
}
#navcontainer {
	margin-top:10px;
	width:960px;;
	height:70px;
	background-image:url(../images/navbg.png);
	background-repeat: repeat-x;
	background-position: center;
}

nav {
	width: 100%;
	margin: auto;
		
}

nav ul {
	list-style:none;
	margin-left: 60px;
}


nav ul li {
	float:left;
	text-align:center;
	margin-right:6px;
	
}
nav ul li:last-child {
	margin-right:0;
}
nav ul li a {
	border-top:5px solid transparent;
	display: block;
	line-height: 55px;
	
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
	font-weight:bold;
	font-size: 1.1em;
	padding-top: 5px;
	padding: 0 20px;
	min-width:100px;
		
}

nav ul li a:link, nav ul li a:visited {
	color: white;
}


nav ul li a:hover, nav ul li a:focus, nav ul.topmenu > li:hover > a {
/*	background-color: rgb(252,87,79); */
	/* box-shadow: 8px 0 4px -4px #000; */
	box-shadow: 5px 5px 5px #000;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

background: #c4453c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0NDUzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmNDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNjQwNDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #c4453c 0%, #ff4747 40%, #d64040 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4453c), color-stop(40%,#ff4747), color-stop(100%,#d64040)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c4453c 0%,#ff4747 40%,#d64040 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c4453c 0%,#ff4747 40%,#d64040 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c4453c 0%,#ff4747 40%,#d64040 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c4453c 0%,#ff4747 40%,#d64040 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4453c', endColorstr='#d64040',GradientType=0 ); /* IE6-8 */

}

#indexhtml #home-page, #menuhtml #menu-page, #pricehtml #price-page, #galleryhtml #gallery-page, #contactshtml #contact-page  {
	background: #c4453c; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M0NDUzYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2ZmNDc0NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNjQwNDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #c4453c 0%, #ff4747 40%, #d64040 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c4453c), color-stop(40%,#ff4747), color-stop(100%,#d64040)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c4453c 0%,#ff4747 40%,#d64040 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c4453c 0%,#ff4747 40%,#d64040 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c4453c 0%,#ff4747 40%,#d64040 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c4453c 0%,#ff4747 40%,#d64040 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4453c', endColorstr='#d64040',GradientType=0 ); /* IE6-8 */
	cursor:default;
	color: white;
	border-top:5px solid transparent;
	box-shadow: 5px 5px 5px #000;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#projectshtml #projects-page {
	cursor: pointer;
}
#projectshtml ul.submenu li a:link#projects-page {
	color: #444;
}

#projectshtml ul.submenu li a:hover#projects-page {
	color: rgb(149, 174, 12);
}



/*================Menu Page========================*/

#menupage {
	width: 100%;
	max-width: 960px;
	margin: auto;
	
}
#menupage section {
	width:67%;
	float: left;
}
#menupage h1 {
	text-indent: -99999px;
	margin:-10px;
	padding:-10px;
}
#menupage h1 span {
	color:rgb(252,87,79);
}
#menupage section .foodbox {
	width:100%;
	 /*background:#DBDBDB; */
	 background:#CCC;
	min-height: 90px;
	padding:0px;
	margin-bottom: 20px;
}
#menupage section .foodbox h2 {
	font-size:1.3em;
	
	color:rgb(93,82,82);

}
#menupage section .foodbox p {
	color:rgb(122, 119, 119); 
	/*text-wrap: normal|none|unrestricted|suppress;*/
	
}
 

#menupage section .description {
	width:70%;
	float:left;
	padding:10px 0 0 10px;
	border-left: 4px solid white;
	margin:5px 0 0 5px;
	border-radius:2px;
	min-height:64px;
}

#menupage section #box1 .boximage {
	height:90px;
	float:right;
	width:24%;
	background-image:url(../images/kalamaki-xoirino.png);
	background-position: center right;
	background-repeat: no-repeat;
	
	
}


#menupage section #box2 .boximage {
	height:90px;
	float:right;
	width:24%;
	background-image:url(../images/kalamaki-kotopoulo.png);
	background-position: center right;
	background-repeat: no-repeat;
}

#menupage section #box3 .boximage {
	height:90px;
	float:right;
	width:24%;
	background-image:url(../images/ksekokalismeno-kotopoulo-tempelis.png);
	background-position: center right;
	background-repeat: no-repeat;
}

#menupage section #box4 .boximage {
	height:90px;
	float:right;
	width:24%;
	background-image:url(../images/merida-mpiftekia.png);
	background-position: center right;
	background-repeat: no-repeat;
}

#menupage section #box5 .boximage {
	height:90px;
	float:right;
	width:24%;
	background-image:url(../images/merida-mprizolakia.png);
	background-position: center right;
	background-repeat: no-repeat;
}
#menupage section #box6 .boximage {
	height:90px;
	float:right;
	width:24%;
	background-image:url(../images/keftedakia-sto-kalami.png);
	background-position: center right;
	background-repeat: no-repeat;
}


#menupage aside {
	width:30%;
	float: right;
	padding-top:8px;
}
#menupage aside p {
	margin-top: 10px;
	line-height: 32px;
	font-size:1.1em;
}
#menupage aside img {
	border:8px solid #999;
}

/*===================PriceList====================*/
#pricelist {
	width: 100%;
	max-width: 960px;
	margin: auto;
	
}

#pricelist h2 {
	font-size: 1.3em;
	text-transform:uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:rgb(93,82,82);
	margin-bottom: 20px;
}

#pricelist .pricebox {
	width:30%;
	float: left;
	margin-right:3%;
	margin-top: 40px;
	
}

#pricehtml #pricelist .pricebox ul .pricedesc {
	margin-top:-15px;
	background-image:none;
	font-size:1.0em;
	font-style:italic;
	
}


#pricelist p {
	font-size: 1.1em;
	font-family:"Times New Roman", Times, serif;
}
#pricelist p em  {
	color:red;
	font-size: 1.1em;
	font-family:"Times New Roman", Times, serif;
	font-weight: normal;
	font-style:normal;
}

#pricelist .pricebox:last-child {
	margin-right:0;
}

#pricelist .pricebox ul {
	list-style: none;
}
#pricelist .pricebox ul li {
	margin-bottom: 15px;
	font-size: 1.1em;
	background-image:url(../images/dot.png);
	background-position: left bottom;
	background-repeat: repeat-x;
	
}


#pricelist .pricebox h2 {
	font-size: 1.2em;
	color: rgb(93,82,82);
	margin-bottom: 18px;
}

#pricelist span {
	float: right;
	background-image:url(../images/textured_stripes.png);
}
#pricelist .menurow {
	display:inline-block;
	background-image:url(../images/textured_stripes.png);
	
}

.pdfcatalog {
	margin-top:5px;
	color:rgba(255, 0, 0, 0.6);
	
}
.pdfcatalog a:link, .pdfcatalog a:active  {
	margin-left:5px;
	color: #333;
}
.pdfcatalog a:hover {
	text-decoration:none;
}

/*==========contacts=========================*/

#contacts {
	width:100%;
	max-width: 960px;
	margin:auto;
}

#contacts h2 {
	font-size: 1.3em;
	text-transform:uppercase;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:rgb(93,82,82);
	margin-bottom: 20px;
}
#googlemaps {
	width:180px;
	height:120px;
	text-align:center;
}
#map {
	margin:30px 0;
	border: 8px solid white;
	border-radius: 5px;
	width:60%;
	height:400px;
	float: left;
}
#map em {
	font-size:16px;
	padding-bottom:10px;
		
}

#contacts aside {
	width: 35%;
	float:right;
	padding-top: 30px;
}
#contacts aside p {
	color: grey;
	line-height: 1.5em;
}


#contacts h3 {
	font-size: 1.6em;
}
#contacts .contactsicons {
	float: left;
	margin-right:14px;
	font-size: 1.2em;
	margin-top: 4px;
	color: grey;
}
#contacts #followus {
	
	

}

#contacts #followus  a:link, #contacts #followus  a:visited, #contacts #followus  a:active {
	float: left;
	margin-top:15px;
	margin-right: 30px;
	padding-bottom:3px;
	text-decoration: none;
	width:48px;
	height:48px;
	background-repeat:no-repeat;
	background-position: left center;
}

#contacts aside #followus .fufacebook {
	background-image:url(../images/contacticons/fb.png);
}
#contacts aside #followus .futwitter {
	background-image:url(../images/contacticons/twitter.png);
}
#contacts aside #followus .fuyoutube {
	background-image:url(../images/contacticons/youtube.png);
}

#contacts aside a:link, #contacts aside a:active {
	color: grey;
	text-decoration: none;
}
#contacts aside a:hover {
	opacity: 0.6;
}

#contacts aside a:hover, #contacts aside a:visited {
	color: black;
}
#contacts p a.phone {
	border:none;
	color:inherit;
}

#contacts p a.phone:hover {
	border:none;
	opacity:1;
	text-decoration: none;
	color:inherit;
	cursor:default;
}

/*==========galleryhtml======================*/
#maingallery {
	width:100%;
	max-width: 960px;
	margin:auto;
	
	
	
}


#maingallery .boximages {
	width: 45%;
	margin-bottom: 30px;
	float:left;
	
	
}
#maingallery .boximages:nth-child(even) {
	float: right;
}

#maingallery .boximages a {
	position:relative; 
	
		
}

#maingallery .boximages a span { 
	display:none; 
	background-image:url(../images/zoom_in.png);
	background-repeat:no-repeat; 
	width:64px; 
	height:64px; 
	position:absolute; 
	left:200px; 
	bottom:70px;
	
}

#maingallery .boximages h4 {
	text-align:left;
	padding-top:10px;
	padding-bottom: 15px;
	font-size:18px;
	font-family: 'Abril Fatface', cursive;
	color: grey;
	font-style:italic;
	
}
#maingallery .boximages h4 a:link, #maingallery .boximages h4 a:visited {
	text-decoration: none;
	color: rgb(55, 52, 48);
	font-size: 24px;
	font-weight:bold;
}


#maingallery .boximages a:hover span { 
	display:block;
	
}

#maingallery .boximages img { 
	padding:0px;
	width: 100%;
	border-style: none;
	-webkit-transition: all 1s linear;
     -moz-transition: all 1s linear;
       -o-transition: all 1s linear;
      -ms-transition: all 1s linear;
          transition: all 1s linear;
	border:5px solid grey;
}
#maingallery .boximages img:hover {
	opacity: .4;
	background:#693;
}


}