/*

=========================================================================

	Tags

=========================================================================

*/

* {

	margin: 0;

	outline:0;

	padding-left: 1px;

}



body {

	font-size: 12px;

	line-height: 20px;

	font-family: Georgia, Helvetica, Sans-Serif;

	color: #121212;

	background-image: url(images/main.gif);

}



a { color: #2f83b7; text-decoration: underline; cursor:pointer; }

a:hover { text-decoration: none; }

a img { border: 0; }



input, textarea, select { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

textarea { overflow: auto; }



#main h2 { background:#000; height:40px; line-height:40px; color:#fff; font-weight:normal; margin-bottom:18px; padding-left:10px; }

#main h2.bubble { background:#000 url(images/h2-bubble.gif) left center no-repeat; padding-left:44px; margin-left:-34px; }

#main h2.bubble span { float:left; }



#main h2.eye { background:#000 url(images/h2-eye.gif) left center no-repeat; margin:0 -34px; }

#main h2.eye span { float:left; padding-left:34px; }

#main h2.eye a { float:right; background:url(images/h2-seeall.gif) right center no-repeat; padding-right:43px; font-size:10px; color:#ebebeb; text-decoration:none; }



#main h2 .latest-articles { float:right; color:#ebebeb; font-size:10px; text-decoration:none; padding-right:19px; background:url(images/button-rarr.gif) 97px 11px no-repeat; }



#slider h2 { color:#fff; font-size:38px; line-height:40px; font-weight:normal; }



#main h3 {

	font-size:20px;

	line-height:22px;

	color:#2F83B7;

	font-weight:normal;

}

#main welcome {

	font-size:20px;

	line-height:22px;

	color:#2F83B7;

	font-weight:normal;

}

#main h3.news {

	font-size:16px;

	line-height:12px;

	color:#2F83B7;

	font-weight:normal;

	font-family: Georgia, Helvetica, Sans-Serif;

}



#main h3.news,

#main h3.news { padding-left:35px; background:url(images/pdf.jpg) left top no-repeat; line-height:33px; padding-bottom:2px; }



#main h3.news {

	background-image:url(images/pdf.jpg);

	background-position:0 3px;

	font-size: 14px;

	font-family: Georgia, "Times New Roman", Times, serif;

}



h4 { font-size:11px; color:#464646; font-weight:normal; padding:0 0 6px 2px;  }



#footer h5 { font-size:12px; color:#002439; line-height:14px; font-weight:normal; padding-bottom:3px; }



/*

=========================================================================

	Main Classes

=========================================================================

*/



.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }



.left, .alignleft { float: left; display: inline; }

.right, .alignright { float: right; display: inline; }



/* Big Stuff */



.shell {

	width:940px;

	position:relative;

	margin-top: 0;

	margin-bottom: 0;

	margin-right: auto;

	margin-left: auto;

	background-color: #FFFFFF;

}



.menu {

	width:940px;

	position:relative;

	margin-top: 0;

	background-color:#2F83B7;

	margin-right: auto;

	margin-left: auto;

	background-image: url(images/menu3.jpg);

	}





#header,



#main {

	background-image: url(images/main.gif);

	background-position: center top;

}

#main .bg-top { background:url(images/main.gif) center top repeat-x; width:100%; }

#footer,

#footer .shell {}



/*

=========================================================================

	Header

=========================================================================

*/



#header .shell {

	height:80px;

	width:940px;

	padding-top:20px;

	background-color:#3284b7;

}



/* Logo */

#logo {

	position:absolute;

	top:10px;

	left:10px;

	width:220px;

	font-size: 0;

	line-height: 0;
	
	float:left;

}

#logo a { float:left;  text-indent: -4000px; width:220px; height:75px; background:url(images/logo.png); }





/* Navigation */

#navigation { float:left; display:inline; padding:23px 11px 0 0;  } 

#navigation ul {

	list-style:none;

	float:left;

	width: 940px;

	margin-bottom: 20px;

}

#navigation ul li {

	float:left;

	display:inline;

	font-family: Arial, Helvetica, Sans-Serif;

	font-size:14px;

	font-weight:bold;

	line-height:16px;

	padding-left: 24px;

	color: #666;

}

#navigation ul li a {

	color:#FFF;

	text-decoration:none;

	text-shadow:#091a25 1px 1px 1px;

}

#navigation ul li a.active,

#navigation ul li a:hover {

	color:#81cfff;

}





/* Dropdown */

#navigation .has-dd { padding-right:10px; }

#navigation .dd { display:none; }





/* Socials */

#header .socials { position:absolute; right:74px; bottom:0; }

#header .socials a { position:absolute; bottom:0; width:24px; height:18px; font-size: 0; line-height: 0; text-indent: -4000px; }

#header .socials .socials-facebook { background:#fff url(images/socials-facebook.gif) top no-repeat; right:54px; }

#header .socials .socials-twitter { background:#fff url(images/socials-twitter.gif) top no-repeat; right:24px; }





/*

=========================================================================

	Slider

=========================================================================

*/



#slider .shell {

	padding:0;

	width:940px;

}

#slider ul {

	list-style:none;

	position:relative;

	z-index:2;

	background-image: url(images/main.gif);

	

}

#slider .jcarousel-container-horizontal { width:100%; }

#slider .jcarousel-clip-horizontal { width:100%; }

#slider .jcarousel-clip { position:relative; height:371px; overflow:hidden;  }



#slider .jcarousel-next,

#slider .jcarousel-prev { position:absolute; top:136px; width:47px; height:80px; z-index:4; cursor:pointer; }



#slider .jcarousel-next { background:url(images/slider-next.png); right:20px; }

#slider .jcarousel-prev { background:url(images/slider-prev.png); left:20px; }



#slider .data { position:relative; display:block; z-index:3; padding:54px 310px 0 111px; width:393px; margin:0 auto; }

#slider .data p { color:#8c8c8c; font-style:italic; padding:8px 0 10px 33px; font-size:13px; text-shadow:#333 1px 1px 0; }

#slider .data .button { float:right; height:17px; line-height:17px; padding:0 4px; background:#db1616; }

#slider .data .button { color:#fff; text-shadow:#3b0606 0 1px 0; text-decoration:none; font-size:10px; }



#slider .image {

	position:absolute;

	top:0;

	left:0;

	z-index:2;

	width:940px;

}

#slider .image img {

	display:block;

	margin-top: 0;

	margin-right: auto;

	margin-bottom: 0;

	margin-left: auto;

}



/*

=========================================================================

	Main

=========================================================================

*/



#main .shell {

	padding-top:10px;

	padding-bottom:4px;

}



/* Basic Main Classes */

#main .button {

	float:left;

	height:17px;

	line-height:17px;

	background-color:#2f83b7 !important;

	font-size:10px;

	padding-top: 0;

	padding-right: 5px;

	padding-bottom: 0;

	padding-left: 5px;

}

#main .button {

	color:#fff;

	text-shadow:#0d2332 0 1px 0;

	text-decoration:none;

	margin-top: 2px;

	margin-right: 2px;

	margin-bottom: 0;

	margin-left: 0;

}

#main .button:hover { background-color:#1c5275 !important; }



#main .rarr {

	background:url(images/button-rarr.gif) right center no-repeat;

	padding-right:12px;

}

#main .comments { background:url(images/button-comments.gif) right center no-repeat; padding-right:16px; }



#main .image img { background:#000; padding:1px; border:5px solid #fff; } 





/* WElcome */

#welcome { padding:0 0 27px 2px; }

#welcome p {

	padding:7px 2px 6px 2px;

	text-align: left;

	font-family: Verdana, Geneva, sans-serif;

}



/* Latest Projects */

#latest-projects { padding-bottom:28px; }

.latest-projects-list { padding:18px 0 0 0px; }

.latest-projects-list ul { list-style:none;  }

.latest-projects-list ul li {

	float:left;

	width:303px;

	padding-right:10px;

	text-align: left;

}

.latest-projects-list ul li.last { padding-right:0;  }

.latest-projects-list p {

	min-height:85px;

	height:auto !important;

	height:85px;

	padding-top:3px;

	text-align: justify;

	font-family: Verdana, Geneva, sans-serif;

}



.latest-projects-list .image { position:relative; }

.latest-projects-list .image .overlay { position:absolute; top:6px; left:6px; width:291px; height:198px; background:url(images/overlay.png); display:none; cursor:pointer; }



/* Blog */

#blog {

	float:left;

	width:628px;

}

.blog-posts ul { list-style:none; padding-top:3px;  }

.blog-posts ul li { display:block; border-bottom:1px dotted #999999; padding-bottom:16px; margin-bottom:11px; }

.blog-posts ul li.last { margin-bottom:0; border-bottom:0; }

.blog-posts .image { float:left; }

.blog-posts .data {

	float:right;

	width:400px;

	padding-top: 3px;

	padding-right: 40px;

	padding-bottom: 0;

	padding-left: 0;

}

.blog-posts .data_article {

	float:right;

	width:580px;

	padding-top: 3px;

	padding-right: 40px;

	padding-bottom: 0;

	padding-left: 0;

}

.blog-posts .data p {

	padding-bottom:20px;

	text-align: justify;

}

.blog-posts .data p.last { padding-bottom:0; }

.blog-posts .buttons { padding-left:3px; }





/* Gallery */

#gallery {

	float:left;

	width:940px;

}

.gallery ul { list-style:none; padding-top:3px;  }

.gallery ul li {

	display:block;

	border-bottom:1px dotted #999999;

	padding-bottom:10px;

	margin-bottom:11px;

}

.gallery ul li.last { margin-bottom:0; border-bottom:0; }

.gallery .image { float:left; }

.gallery .data { float:right; width:400px; padding:3px 42px 0 0; }

.gallery .data p {

	padding-bottom:20px;

	text-align: justify;

}

.gallery .data p.last { padding-bottom:0; }

.gallery .buttons { padding-left:3px; }









/* Sidebar */

#sidebar { float:right; width:302px; }



.stuff { padding-top:2px; }

.stuff ul { list-style:none; }

.stuff ul li { display:block; padding-bottom:15px; }















/*

=========================================================================

	Footer

=========================================================================

*/



/* Footer Top */

#footer .top {

	color:#FFF;

	height:291px;

	padding-top:24px;

	background-color: #2F83B7;

}

#footer .top a { color:#e3e3e3; }



#footer .button { color:#ebebeb; text-shadow:#666 0 1px 0; text-decoration:none; background:#2f83b7; }

#footer .button { float:right; height:17px; line-height:17px; padding:0 6px; margin-top:5px; font-size:10px; }



#footer h2 {

	float:left;

	padding-left:5px;

	font-size:17px;

	color:#fff;

	line-height:28px;

	height:28px;

	margin-bottom:16px;

	font-weight:normal;

}



/* Twitter Posts */

#twitter { float:left; width:465px; }

#twitter h2 {  }



.twitter-posts { padding-left:5px; }

.twitter-posts ul { list-style:none; }

.twitter-posts ul li { display:block; padding-bottom:13px; }

.twitter-posts ul li p { padding-bottom:2px; }



/* Flickr Links */

#flickr {

	float:right;

	width:440px;

}

#flickr h2 { }



.flickr-pics ul { list-style:none; }

.flickr-pics ul li { float:left;  padding:0 4px 5px 0; }

.flickr-pics ul li a {  float:left; padding:2px; background:#fff; border:1px solid #eaeef1; }

.flickr-pics ul li img { display:block; border:1px solid #000; }

.flickr-pics ul li.last { padding-right:0; }



/* Footer Bottom */

#footer .bottom {

	font-size:10px;

	color:#408bb8;

	padding-top: 9px;

	padding-right: 0;

	padding-bottom: 5px;

	padding-left: 0;

	background-color: #0E2E41;

}



#footer .bottom a { text-decoration:none; }

#footer .bottom a:hover { text-decoration:underline; color:#fff; text-decoration:none; }



/* Footer Nav */

#footer .navigation {

	padding-top:8px;

	float:left;

	width: 700px;

}

#footer .navigation ul { list-style:none; }

#footer .navigation ul li {

	float:left;

	border-right:1px solid #194d6c;

	height:10px;

	line-height:10px;

	padding-top: 0;

	padding-right: 5px;

	padding-bottom: 0;

	padding-left: 5px;

}

#footer .navigation ul li.last { border-right:0; }

#footer .navigation ul li a { color:#408bb8;  }

#footer .navigation ul li a:hover { color:#fff; text-decoration:none; }



/* Copyrights */

#footer .right p { text-align:right; }

#footer a.choco { color:#fff; }

#footer a.choco:hover { text-decoration:underline; }

#main .bg-top .shell #blog .blog-posts ul li p {

	text-align: justify;

	font-family: Verdana, Geneva, sans-serif;

}



/********************************************************************************************** PORTFOLIO */



#portfolio_menu{

	display:block;

	width:930px;

	padding:5px;

	margin-top: 5px;

	margin-right: 0px;

	margin-bottom: 5px;

	margin-left: 0px;

	border-top-width: 0px;

	border-bottom-width: 0px;

	border-top-style: none;

	border-bottom-style: none;

	border-top-color: #999;

	border-bottom-color: #999;

}



ul#portfolio-filter{ margin: -20px 0; padding: 0; height: 64px;  line-height: 64px; background: transparent url(../images/icon-tag-green.png) left no-repeat; }

ul#portfolio-filter li{ display: inline; }

ul#portfolio-filter a{ margin-right: 0.5em; padding: 0.5em 1em; color: #AAA;  text-decoration: none; }

ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ color: #888; }

ul#portfolio-filter a.current{ background-color: #DDD; }





.boxcaption:hover{  

    float: left;  

    position: absolute;  

    background: #000;  

    height: 100px;  

    width: 100%;  

    }  



ul.clearli li {

	clear:both;

}

ul.display li {

	padding:13px;

	

}

ul.display li a {

    color: #e7ff61;

    text-decoration: none;

}

ul.display li .content_block {

	margin: 0px;

	display:block;

}

ul.display li .content_block h2 {

    margin: 0;

    padding: 5px;

    font-weight: normal;

    font-size: 14px;

}

ul.display li .content_block h2 a {

    font-weight: bold;

	color:#2e2e2e;

    font-size: 14px;

}

ul.display li .content_block h2 a:hover {

	text-decoration:underline;

}

ul.display li .content_block p {

    margin: 0;

    padding: 5px 5px 5px 300px;  

    font-size: 13px;

}

ul.display li .content_block a img{

	padding: 0px;

	border: 4px solid #E0E0E0;

	background: #fff;

	float: left;

	margin-top: 0;

	margin-right: 15px;

	margin-bottom: 0;

	margin-left: 0;

}

ul.display li .content_block a img:hover{ 

    border: 4px solid #818181;

}



ul.thumb_view li{

	width: 160px;

	float: left;

} 

ul.thumb_view li h2 { display: inline; }

ul.thumb_view li p{ display: none; }

ul.thumb_view li .content_block a img {

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 5px;

	margin-left: 0;

}





a.switch_thumb {

	position:absolute;

	top:0px;

	right:0px;

	

    width: 237px;

    height: 37px;

    display: block;

    background: url(../images/switch.gif) no-repeat;

    outline: none;

    text-indent: -9999px;

}

a.swap { background-position: left bottom; }

a:hover.switch_thumb {}



/********************************************************************************************** CONTACT FORM */

span.red{

	color:#F00;}

.message{

	display:block;

	width:625px;

	padding:10px;

	margin:0px auto;

	color:#FFF;

	background-color:#2E3138;

	border:1px #999 solid;

	text-align:center;

	font-size:16px;

	}	

#contactForm { 

	width: 563px;

	}

#contactForm label.error { 

	width: 250px; text-align:left;  color: #F00; font-size:10px; padding:5px 0px 0px 0px!important;

	}

#contactForm label.error{

	display:block;

	}



#contactForm input.submit:hover { 

 	background-color:#000000;

	}	



label{ clear:both; display:block; padding:10px 0px 5px 0px;}



input, select, textarea{

	width:330px;

	background-color:#FFFFFF;

	border:1px #C5C5C5 solid;

	padding:5px;

	}

select{

	width:342px;

	background-color:#FFFFFF;

	}

textarea{

	width:450px;

	height:150px;

	background-color:#FFFFFF;

	border:1px #C5C5C5 solid;

	padding:5px;

	}



.submit{

	width:98px;

	height:32px;

	display:block;

	border:0px;

	padding:0px;

	background-color:#2E3138;

	color:#FFF;

	cursor:pointer;

	}

.submit:hover{

	background-color:#000;	

	}	

#main .bg-top .shell #blog .blog-posts ul li table tr td {

	font-family: Verdana, Geneva, sans-serif;

	text-align: left;

}



/* food Links */

#food {

	float:right;

	width:620px;

}

#food h2 { }



.food-pics ul { list-style:none; }

.food-pics ul li {

	float:left;

	padding: 8px;

}

.food-pics ul li a {  float:left; padding:2px; background:#fff; border:1px solid #eaeef1; }

.food-pics ul li img { display:block; border:1px solid #000; }

.food-pics ul li.last { padding-right:0; }



#screenshot{

	position:absolute;

	border:1px solid #ccc;

	background:#E7E7E7;

	padding:5px;

	display:none;

	color:#000;

	}
	
 
#media {float:right;padding:45px;}
#media li {float:left;padding-left:10px; list-style:none;}

#media {-webkit-float:right;-webkit-padding:45px;}
#media li {-webkit-float:left;-webkit-padding-left:10px;-webkit-list-style:none;}

.traslate {
	float:right !important;
	padding-right: 95px !important;
}