/******************/
/* General styles */
/******************/

/*
	1 - General
	2 - Header
	3 - Content	
	4 - Projects
	5 - Footer
*/

/* 1 - General */

	body {		
		font-family: Times new roman, Arial;
		font-size: 62.5%;
		color: #000;
        background-color: #fff;
		margin: 0;
		padding: 0;	
	}
	
	body.background-0 { background: #000 url('/site_resources/images/background/bg-1.jpg') repeat-y top left; }	
	body.background-1 { background: #000 url('/site_resources/images/background/bg-2.jpg') repeat-y top left; }
	body.background-2 { background: #000 url('/site_resources/images/background/bg-3.jpg') repeat-y top left; }
	body.background-3 { background: #000 url('/site_resources/images/background/bg-4.jpg') repeat-y top left; }
	body.background-4 { background: #000 url('/site_resources/images/background/bg-5.jpg') repeat-y top left; }
	body.background-5 { background: #000 url('/site_resources/images/background/bg-6.jpg') repeat-y top left; }
	body.background-6 { background: #000 url('/site_resources/images/background/bg-7.jpg') repeat-y top left; }
	body.background-7 { background: #000 url('/site_resources/images/background/bg-8.jpg') repeat-y top left; }
	body.background-8 { background: #000 url('/site_resources/images/background/bg-9.jpg') repeat-y top left; }
	body.background-9 { background: #000 url('/site_resources/images/background/bg-10.jpg') repeat-y top left; }
	body.background-10 { background: #000 url('/site_resources/images/background/bg-11.jpg') repeat-y top left; }
	body.background-11 { background: #000 url('/site_resources/images/background/bg-12.jpg') repeat-y top left; }
	body.background-12 { background: #000 url('/site_resources/images/background/bg-13.jpg') repeat-y top left; }
	body.background-13 { background: #000 url('/site_resources/images/background/bg-14.jpg') repeat-y top left; }
	body.background-14 { background: #000 url('/site_resources/images/background/bg-15.jpg') repeat-y top left; }
	body.background-15 { background: #000 url('/site_resources/images/background/bg-16.jpg') repeat-y top left; }
	body.background-16 { background: #000 url('/site_resources/images/background/bg-17.jpg') repeat-y top left; }
	body.background-17 { background: #000 url('/site_resources/images/background/bg-18.jpg') repeat-y top left; }
	body.background-18 { background: #000 url('/site_resources/images/background/bg-19.jpg') repeat-y top left; }
	body.background-19 { background: #000 url('/site_resources/images/background/bg-20.jpg') repeat-y top left; }
	body.background-20 { background: #000 url('/site_resources/images/background/bg-21.jpg') repeat-y top left; }
	body.background-21 { background: #000 url('/site_resources/images/background/bg-22.jpg') repeat-y top left; }
	body.background-22 { background: #000 url('/site_resources/images/background/bg-23.jpg') repeat-y top left; }
	body.background-23 { background: #000 url('/site_resources/images/background/bg-24.jpg') repeat-y top left; }
	body.background-24 { background: #000 url('/site_resources/images/background/bg-25.jpg') repeat-y top left; }
	body.background-25 { background: #000 url('/site_resources/images/background/bg-26.jpg') repeat-y top left; }
	body.background-26 { background: #000 url('/site_resources/images/background/bg-27.jpg') repeat-y top left; }
	body.background-27 { background: #000 url('/site_resources/images/background/bg-28.jpg') repeat-y top left; }
	body.background-28 { background: #000 url('/site_resources/images/background/bg-29.jpg') repeat-y top left; }
	body.background-29 { background: #000 url('/site_resources/images/background/bg-30.jpg') repeat-y top left; }
	body.background-30 { background: #000 url('/site_resources/images/background/bg-31.jpg') repeat-y top left; }
	
	#super {
		width: 100%;
		overflow: hidden;
		padding-bottom: 30px;	
	}
	
	#container {
		width: 1024px;
		overflow: hidden;
        margin-left: 20px;
	}
	
	.hidden {
		display: none;
	}
	
	h1 {
		margin:0;
		padding: 0;
	}
	
	h1 a {
		margin: 0;
		padding: 0;
	}
	
	h1 img {
		border: 0;
	}
	
	h2{
		font-size: 2.4em;
		margin-top: 30px;
		margin-bottom: 22px;
		font-weight: normal;
	}
	
	h3{
		font-size: 1.5em;
		color: #000;
		font-weight: normal;
	}
	
	h4{
		font-size: 1.1em;
		color: #339933;
		font-weight: bold;
		margin: .5em 0;
	}
	
	a {
		color: #000;
		text-decoration: none;		
	}
	
		a:hover {
			color: #0066ff;	
		}
	
	img.left {
		float: left;
	}
	
	ul,li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	
	p {
		font-size: 1.2em;
	}
	
/* 2 - Header */

	#header {
		width: 320px;
		/*background-color: #fff;*/
		overflow: hidden;
		margin-top: 46px;
		float: left;
	}
	
		#header p.lines {
			font-size: 3.6em;
			margin: .2em;
		}
	
		#header ul {
			margin-left: .5em;
			padding-bottom: .5em;
		}
		
			#header ul li {
				line-height: 1em;
			}
			
				#header ul li a {
					color: #fff;
					line-height: .85em;
					padding: 0;
					background-color: #000;
				}
				
				#header ul li a img {
					display: block;
					margin: 0;
					padding: 0;
					border: none;
				}
			
				#header ul li.selected a {
					color: #0066ff;
				}
				
				#header ul li a:hover {
					color: #0066ff;
					text-decoration: none;
				}
		
		#header #menu-2 { font-size: 2.3em; }
		#header #menu-3 { font-size: 3.6em; }
		#header #menu-7 { font-size: 2.9em; }
		#header #menu-4 {
			font-size: 3.7em;
			position: relative;
			top: -9px;
			background: transparent url(/site_resources/images/taconegre.jpg) no-repeat scroll -4px 9px					
		}
		#header #menu-5 {
			font-size: 5.3em;			
		}
		#header #menu-6 {
			font-size: 2.6em;
			margin-top: -11px;
		}
		
/* 3 - Content */

	#content {
		width: 600px;
		background-color: #fff;
		overflow: hidden;
		margin-left: 20px;
		margin-top: 150px;
		float: left;
	}
	
		#content.about {
			width: 610px;
			padding-left: 23px;
			padding-right: 23px;
			padding-bottom: 60px;
			background: none;
		}

            #content.about .text {
                margin-top: 0;
            }
		
			#content.about img {
				margin-top: 15px;
			}
			
			#content.about h2 {
				background-color: #fff;
				display: inline;
			}
			
		
		#content.contact {
			width: 534px;
			background: none;
		}
		
			#content.contact h2,
			#content.contact img,
			#content.contact a,
			#content.contact p {
				margin: 0;
				paddin: 0;
				display: block;
				float: left;
				clear: left;
			}
			
				#content.contact p.contact-emails {
					margin-bottom: 2.3em;
				}
				
				#content.contact p.skype {				
					margin-bottom: .7em;
				}
				
				#content.contact p.shop-contact {
					margin-bottom: 2em;
				}
			
				#content.contact a:hover {
					color: #000;
				}
			
		#content .text {
			margin-top: 20px;
		}
		
			#content.news {
				background-color: #000;
				padding-bottom: 21px;
			}
			
				#content .text #paginator.news {
					background-color: #000;
					margin-right: 22px;
				}
				
					#content .text #paginator.news li {
						background-color: #000;
						padding: 0;
						margin: 0;
					}
			
				#content.news .text {
					background-color: #000;
				}
			
				#content.news ul {
					float: left;
					clear: left;
					margin-top: 20px;
				}
				
					#content.news ul li {
						background-color: #fff;
						width: 89%;
						margin-left: 20px;
						padding-right: 17px;
						padding-left: 17px;
						padding-bottom: 17px;
						padding-top: 10px;
						margin-bottom: 20px;
					}					
					
						#content.news ul li img {
							margin-top: 20px;
						}						
						
						#content.news ul li p.period {
							padding: 0;
							margin: 10px 0 0 0;
							font-size: 2.2em;
						}
						
						#content.news ul li h3 {
							paddin-top: 0;
							margin-top: 0;
						}
						
						#content.news ul li a img {
							border: none;
						}
						
						#content.news ul li p.share-links {
							text-align: center;
						}						
		
			#content .text .list {
				float: left;
			}
			
				#content .text ul.list li {
					font-size: 4.1em;
					margin: 0;	
					padding: 0;
					line-height:1em;
				}
				
					#content .text ul.list li a:hover {
						text-decoration: none;
						color: #0066ff;
					}
					
		#content .text #paginator {
			display: block;
			float: right;
			margin: 0;
			overflow: hidden;
			padding: 0;
		}		
		
			#content .text #paginator span {
				font-size: 1.4em;
				color: #fff;
				margin: auto 2px;
				font-weight: bold;
			}
			
			#content .text #paginator.white {
				background-color:#FFFFFF;
				margin-right:5px;
				text-align:right;
				width:auto;
			}
			
			#content .text #paginator.white span {
				color: #000;
				font-size: 2.1em;
				font-weight: normal;
				margin: 0;
			}
					
			#content .text #paginator li {
				color: #fff;
				font-size: 1.8em;
				display: inline;
			}
			
			#content .text #paginator.white li {
				font-size: 2.2em;
			}
			
				#content .text #paginator li.selected {
					font-size: 2.4em;
					color: #0066ff;
				}
				
				#content .text #paginator.white li.selected {
					font-size: 3.5em;
				}
						
				#content .text #paginator li a {
					color: #fff;
				}
				
				#content .text #paginator.white li a {
					color: #000;
					margin: 0;
				}
				
					#content .text #paginator li a:hover {
						color: #0066ff;
						text-decoration: none;
					}
		
		#content.shop {
			padding-bottom: 20px;
		}
				
		#content.shop #paginator {
			margin-right: 20px;
		}
		
			#content.shop #paginator li a,
			#content.shop #paginator span {
				color: #000;
			}
					
		#content .shop-items {
			width: 100%;
			padding: 0;
			margin: 15px 0 15px 0;
			overflow: hidden;
			float: left;
			clear: left;
		}
		
			#content .shop-items li {
				padding: 0;								
				margin: 25px 0;
				width: 99%;
				overflow: hidden;
				position: relative;		
			}
			
				#content .shop-items .gallery-custom-container {
					float: left;
					width: 100%
				}
				
					#content .shop-items .gallery-custom-container ul {
						width: 99%;
					}
				
					#content .shop-items .gallery-custom-container ul li {
						margin: 0;
						position: relative;
						margin-bottom: 2em;
					}
			
				#content .shop-items li h3 {
					margin: 0;
					font-size: 1.4em;
					font-weight: bold;
				}
					
					#content .shop-items li h3 span {
						font-size: 1.5em;
					}
				
				#content .shop-items li h4 {
					font-size: 1.3em;
					color: #000;
					margin-top: 0;
					padding-top: 0;
					font-weight: normal;
				}
				
				#content .shop-items li p {
					margin-top: 13px;
				}
				
				#content .shop-items li div.description {
					margin-top: 13px;
					margin-bottom: 13px;
				}
				
					#content .shop-items li div.description p {
						font-size: 1.4em;
						margin: 0;
						padding: 0;
					}
				
				#content .shop-items li p.period {
					margin: 0;
					padding: 0;
				}
				
				#content .shop-items li p.price {
					font-size: 1.5em;
					margin-top: 3px;
				}
			
				#content .shop-items li img,
				#content .shop-items p.pager-gallery {
					float: left;
					margin-left: 15px;
				}
				
				#content .shop-items li div.info {
					margin-left: 15px;
					float: left;
				}
				
					#content .shop-items li div.info-content {
						position: absolute;
						bottom: 1em;
						padding-right: 1.2em;
					}
					
					#content .shop-items li div a.contact-forbuy {
						font-size: 1.4em;
						padding: 0 0.2em;
						color: #0066ff;
						background-color: #000;
					}
					
/* 4 - Projects */

	#content.projects-list-container {
		background: none;
	}

	#content .projects-data {
		margin-top: 0;
		overflow: hidden;
		width: 100%;		
	}

		#content .projects-data ul {
			margin-top: 25px;
			margin-left:20px;
			padding-bottom: 25px;
		}
		
			#content .projects-data ul li {
				line-height: 1.15em !important;
			}
		
			#content .projects-data ul li a {
				background-color: #FFFFFF;
				padding: 0 .1em .1em .1em;
			}
		
		#content .projects-data .project-detail {
			float: left;
			margin: 0;
			padding: 0;
			background-color: #000;
			width: 100%;
		}
		
		#content .projects-data .project-detail div {
			width: 100%;
			overflow: hidden;
		}
		
		#content .projects-data .project-detail div a.back {
			color: #fff;
			font-size: 2.1em;
			float: right;
			margin-bottom: .3em;
			padding-left: 20px;
			background: url('/site_resources/images/lines-back.jpg') no-repeat 0 4px;
		}
		
		#content .projects-data .project-detail div a.back:hover {
			color: #0066ff;
		}
		
		#content .projects-data .project-detail img {
			display: block;
		}

/* 5 - Footer */
	
	#footer {
		background-color:#000;
		position: absolute;
		bottom: 1em;
		padding-right: .5em;
	}
	
		#footer p {
			padding: 0em;
			margin-left: 4px;
			font-size: 1em;
			color: #fff;
		}
		
			#footer p a.agstudio {
				color: #ffff00;
				font-weight: bold;
			}
			
			#footer p a.welvisolutions {
				color: #1fd91f;
				margin-right: 10px;
				font-weight: bold;
			}
			
			#footer p a:hover {
				text-decoration: underline;
			}