/* MANDRILL CREATIVE STUDIO BASED IN BARCELONA */
html { height: 100%; }
* { /* global settings for every element on the site */margin: 0; padding: 0;}
body {margin: 0; padding:0; font-family: News Gothic MT, Helvetica, geneva, Arial,sans-serif; font-size: 11px; color: #333333; text-align: center;background-image:url(images/bkg.gif);
	background-repeat: repeat-x;
	background-position: top;}
.special{
	background-image:url(images09/louvre.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
ul {list-style: none; position: relative;}
img {border:0;}
a {text-decoration: none;color:#4A4A4A;}
a:hover{color:#009DE9;text-decoration: underline;}
h1 {font-size:14px; line-height:16px; color: #4A4A4A;}
h2 {font-size:18px; line-height:21px; font-weight: lighter;}
h3 {font-size:24px; font-weight: lighter; color: #696969; line-height:21px;}
h4 {font-size:18px; font-weight: lighter; color: #696969; line-height:21px; margin-top: 20px;padding-top: 10px;border-top: 1px dotted #B6B7B9;}
h5 {font-size:150px; font-weight: bold; color: #00BFF5; letter-spacing: -12px; margin-top: 0;}
strong {color:#009DE9; font-weight: bold;}
.last { border-bottom: 1px dotted #B6B7B9; padding-bottom: 20px; margin-bottom: 20px;}
.clear{clear:both;height:0px;}
.clearfix:after { display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}
.clearfix {display: block;}
.small {font-size: 14px;}
.share {float: right;}
/* End hide from IE-mac */


#top {height: 76px; width: 900px; position:relative; margin: 30px auto 30px auto; text-align:left;}
#top ul{text-align: right; float: right; width: 60px;display: inline; text-align: right; color:#E8E8E8;}
#top li { display: inline; padding: 0 5px;}
#top ul a { text-decoration: none; color: #B6B7B9;}
#top ul a:hover { text-decoration: none; color: #009DE9;}
.here{color:#333333;}
.more{font-size: 13px;}
#top  img {border:0; float: left;}

#design {height: auto; width: 798px; position:relative; margin: 0 auto 0 auto; text-align:center; padding: 1px; letter-spacing: 2px;background-color:#C1C1C3;}
#design ul {padding: 5px 0 4px 0; margin: 0 auto 0 auto; font-size: 10px; color: #4A4A4A; text-align: center;}
#design li { display: inline;}
#design a { text-decoration: none; color: #333333; font-weight: normal; padding:5px 11px 4px 11px;}
#design a:hover { text-decoration: none; color: #ffffff; background-color: #00ADEF; padding: 5px 11px 4px 11px;}
#design li.here { color: #ffffff; background-color: #97999C; padding: 5px 11px 4px 11px;}

#seoweb {height: auto; width: 798px; position:relative; margin: 0 auto 0 auto; text-align:center; padding: 1px; letter-spacing: 2px;background-color:#C1C1C3;}
#seoweb ul {padding: 5px 0 4px 0; margin: 0 auto 0 auto; font-size: 10px; color: #4A4A4A; text-align: center;}
#seoweb li { display: inline;}
#seoweb a { text-decoration: none; color: #333333; font-weight: normal; padding:5px 11px 4px 11px;}
#seoweb a:hover { text-decoration: none; color: #ffffff; background-color: #00ADEF; padding: 5px 11px 4px 11px;}
#seoweb li.here { color: #ffffff; background-color: #97999C; padding: 5px 11px 4px 11px;}

/*new layout 2009 MAYO*/
#body {height: auto; width: 900px; position:relative; margin: 0 auto 0 auto;}
#body p {font-size: 11px; color: #363636; line-height: 18px; margin: 0 0 10px 0;}

/*introo layout 2009 JUNIO*/
a.bigup { color: #00BFF5;}
a:hover .bigup { color: #ffffff;}

#left {height: auto; width: 220px; position:relative; float: left; text-align: right; margin-right: 40px;}
#left h2 {font-size:14px; line-height:19px; width: 220px;font-weight: lighter; text-align: right; margin: 10px 0 5px 0; padding-top: 5px;border-top: 1px dotted #B6B7B9;}
#left h3 {font-size:14px; line-height:19px; width: 215px;font-weight: lighter; text-align: right; margin: 10px 0 0 0; padding: 5px 5px 0 0;background-color: #E8E8E8; letter-spacing: 1px;}
#left ul {color: #333344; text-align: right; line-height: 18px; margin: 10px 0 10px 0;}
#left li { display: block; }
#left a {text-decoration: none;color:#333344;}
#left a:hover{color:#009DE9;text-decoration: underline;}
#left img {border: 3px solid #E8E8E8;}
#left a:hover img{border: 3px solid #B0B0B9;}

/* -------email*/
#left fieldset { width: 220px; margin-top: 10px; border: 0; }
#left input.text { width: 220px; color: #666666; border: 1px solid #B6B7B9; background-color: #E8E8E8; margin: 6px 0 6px 0;} 
label{width: 220px; font-size: 11px; margin: 6px 0 6px 0;}
textarea{ width: 220px; margin-top:6px; border: 1px solid #B6B7B9; background-color: #E8E8E8;}

#right {height: auto; width: 559px; position:relative; float: right; padding:40px; text-align: left; background-color: #E8E8E8;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;}
#right ul {color: #333344; text-align: left; line-height: 28px; margin-top: 10px; font-size: 14px;}
#right li { display: block; border-bottom: 1px dotted #B6B7B9; padding-bottom: 5px; margin: 5px 0 5px 0; letter-spacing: 1px;}
#right li.last { display: block; padding-bottom: 5px; margin: 5px 0 5px 0; letter-spacing: 1px; border-bottom: 0;}
#right p {font-size: 11px; color: #363636; line-height: 18px; margin: 10px 0 10px 0;}
#right a {color:#009DE9;text-decoration: underline;}
#right a:hover{text-decoration: none;color:#333344;}
#right strong{color:#333333;}

/*LOGOS*/
#log {height: auto; width: 559px; position:relative; float: left; padding-left: 40px;text-align: left; border-left: 1px dotted #B6B7B9;}
#logo01 {height: auto; width: 232px; position:relative; float: left;}
#logo02 {height: auto; width: 150px; position:relative; float: left;}
#logo03 {height: auto; width: 166px; position:relative; float: right;}


#illus {height: auto; width: 805px; position:relative; margin: 15px auto 0 auto; padding-top: 15px; border-top: 1px dotted #B6B7B9;}
#illus img {margin-right: 25px;}
#illus p {text-align: left; color: #333333; font-size: 11px; line-height: 16px;}
#illus a:hover {text-decoration: none;color:#009DE9;}
#illus a{color:#4A4A4A;text-decoration: underline;}

/* end footer intro imagen de fondo*/
#footex{width: 900px; height: 120px;position: relative; margin: 40px auto 40px auto; padding-top: 10px; color: #ffffff; font-size:10px;border-top: 1px dotted #ffffff;letter-spacing: 1px;}
#footex  p { float: left; width: 170px; text-align: right; font-size:9px; line-height:13px; margin-left: 50px;}
#footex strong {color:#2089E1; font-weight: bold;}
#footex form { float: right; text-align: left; font-size:9px; line-height:13px; display: inline;}
#footex form input { color: #666666; border: 1px solid #949494;}

/* end footer */
#footer{width: 900px; height: 120px;position: relative; margin: 40px auto 40px auto; padding-top: 10px; color: #4A4A4A; font-size:10px;border-top: 1px dotted #B6B7B9;letter-spacing: 1px;}
#footer  p { float: left; width: 170px; text-align: right; font-size:9px; line-height:13px; margin-left: 50px;}
#footer strong {color:#4A4A4A; font-weight: bold;}
#footer form { float: right; text-align: left; font-size:9px; line-height:13px; display: inline;}
#footer form input { color: #666666; border: 1px solid #949494;}

/*new layout para el index*/
#introx{height: auto; width: 940px; position:relative; margin: 0 auto;text-align: center;}
div.thumb {margin: 8px 8px 8px 8px; height: auto;border: 1px solid #EEEEEE;float: left;text-align: center; }	
.thumb img{display: inline; margin: 4px 2px; border: 1px solid white;}
.thumb a:hover img {border: 1px solid black;}
.phototitle {text-align: center;margin: 3px;}


#topy {height: 76px; width: 920px; position:relative; margin: 0 auto 30px auto;}
#topy ul{text-align: right; float: right; width: 60px;display: inline; text-align: right; color:#E8E8E8;}
#topy li { display: inline; padding: 0 5px;}
#topy ul a { text-decoration: none; color: #B6B7B9;}
#topy ul a:hover { text-decoration: none; color: #009DE9;}
.here{color:#333333;}
.more{font-size: 13px;}
#topy  img {border:0; float: left;}
#topy p{ float: right; text-align:right;}

/* end footer new home*/
#foot{width: 940px; height: 40px;position: relative; margin: 40px auto 40px auto; padding-top: 10px; color: #4A4A4A; font-size:10px;border-top: 1px dotted #B6B7B9;letter-spacing: 1px;}
#foot  p { float: left; width: 170px; text-align: right; font-size:9px; line-height:13px;}
#foot strong {color:#4A4A4A; font-weight: bold;}
#foot form { float: right; text-align: left; font-size:9px; line-height:13px; display: inline;}
#foot form input { color: #666666; border: 1px solid #949494;}

/*client login area */
#tophead {width: 920px; margin: 0 auto; height: 22px;padding-top:8px; text-align: right;}
#client {display:none; float:none; position:absolute; height:auto; width:auto; padding: 0; margin: 0; border: 1px solid #327008; z-index:200;}
/* --------------------------------------------------------- NEWSLETTER */
.login { display:none; float:none; position:absolute;  z-index:200; height:auto; width:auto; padding: 5px 10px; margin: 8px 0 0 365px; text-align: left; background-color: #FEF26A; font-size: 11px; color:#235106;
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;}
	.login p{float: right; margin: 2px 5px 0 0;}
.login input { border: 1px solid #8BA46A; margin: 5px 3px 5px 0; background-color: #ffffff; width: 62px; color: #ACACB4; padding: 1px;}
.login textarea{border: 1px solid #8BA46A;background-color: #ffffff; }
.login input.button_send { border: 1px solid #256600; margin: 5px 3px 5px 0; background-color: #338800; color: #ffffff; font-size:9px; padding: 2px; width: 40px;
-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	 cursor: pointer; /* hand-shaped cursor */
      cursor: hand; /* IE 5.x */
}