@charset "utf-8";
/* CSS Document */



/* ::::::::::: COLORS::::::::::: */

.paleCyan {background-color:#e6f5f5;}

.paleCyanDark {background-color:#d6e1e1;}


/* ::::::::::: WILDCARDS ::::::::::: */

.hidden {
	display:none;
}

.clearer {
 clear: both;
 height: 0;
 line-height: 0;
 margin: 0;
 padding: 0;
 font-size: 0;
}

.noMargin{
 margin-top:0px;
 margin-bottom:0px;
}

/* =========================================================================
   =                           COMMON ELEMENTS                             =
   ========================================================================= */


html { 
	background:#E7E7E7 url(../images/html_background.gif) repeat scroll left top;
}

body {
	width: 1040px;
	margin: 10px auto 20px auto;
	background-color: #e6f5f5;
	overflow-x: hidden; 
	FONT-SIZE: 10px;
	COLOR:#666666;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none
}

img {border:none;}

strong {
	color:#009c9c;
	font-size-adjust:none;
	font-weight:normal;
	}

.anchoComun{
	width:px;
	}


/* ::::::::::: LINKS ::::::::::: */

a {color:#999; text-decoration:none}
a:hover{color:#009c9c; text-decoration:none}


/* ::::::::::: HEADER ::::::::::: */

#header { 
	position: relative;
	padding-left: 15px;
	height:270px; 
	}

	#topLogo{
		position:relative;
		left:265px;
		top:10px;
		width:420px;
		}

	#arrow{
		position:absolute;
		left:30px;
		text-align:right;
		top:221px;
		width:235px;
		height:26px;
		}
/* ............ BARRA DE BOTONES ........ */
	#buttonBAR{
		position:relative;
		width:226px;
		height:21px;
		margin:0px;
		padding: 0;
		
		}

		#buttonBAR li{
			margin: 0;
			padding: 0;
			list-style: none;
			position: absolute;
			top: 0;
			cursor:pointer;
			background: url(../images/buttonsSprite.gif) top left no-repeat;
		}
	
		#buttonBAR li, #buttonBAR a {
			height: 21px;
			display: block;
			}
		
			#buttonBAR #buttonWork{	    background-position:0px 0px; left: 0;	width:44px;}
			#buttonBAR #buttonAbout{	background-position:-44px 0px; left: 44px;	width:58px;}
			#buttonBAR #buttonPress{	background-position:-102px 0px; left:102px;	width:50px;}
			#buttonBAR #buttonContact{	background-position:-152px 0px; left:152px;	width:74px;}

				#buttonBAR #buttonWork:hover{	background-position:0px -42px; }
				#buttonBAR #buttonAbout:hover{	background-position:-44px -42px; }
				#buttonBAR #buttonPress:hover{	background-position:-102px -42px; }
				#buttonBAR #buttonContact:hover{ background-position:-152px -42px; }

			#buttonBAR #buttonWork.selected, #buttonBAR #buttonWork.selected:hover{ background-position:0px -21px; }
			#buttonBAR #buttonAbout.selected, #buttonBAR #buttonAbout.selected { background-position:-44px -21px; }
			#buttonBAR #buttonPress.selected, #buttonBAR #buttonPress.selected { background-position:-102px -21px; }
			#buttonBAR #buttonContact.selected, #buttonBAR #buttonContact.selected { background-position:-152px -21px; }


/* ::::::::::: FOOTER::::::::::: */

#footer { 
	position: relative;
	padding-left: 15px;
	padding-top: 10px;
	height:130px;
	FONT-SIZE: 10px;
	COLOR:#666666;
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	TEXT-DECORATION: none;
	}

	.bottomRight{
		float:left;
		width:250px;
		height:100px;
		padding-top:4px;
                margin-right:15px;
		text-align:right;
		}
	.bottomLeft{
		margin-right:10px;
		width:200px;
		float:left;
		padding:3px;
		height:92px;
		border: solid 1px #d6e1e1;
		}

	.commonItem .bottomRight, .commonItem .bottomLeft{
    /*		border: solid 1px #e6f5f5; */    
                height:auto;
		}
		
	.noBorder{
		border:hidden;
	}


/* =========================================================================
   =                           WORKS ELEMENTS                              =
   ========================================================================= */
   
.workItem, .commonItem {
	height: 1%;
	position: relative;
	background-color:#d6e1e1;
	padding: 15px;
	margin-bottom:20px;
}


* html .workItem { height: 1%; }

.workItemNoposter .workStuff{ width:700px; padding-left:0px;}
.workItemNoposter .workPoster{ display:none;}

		.workDesc {
			float:left;
			width:250px;
			padding-right:15px;
			text-align:right;
			}
	
				h1, h3 {
					font-size:36px;
					letter-spacing:-4px;
					line-height: 30px;
					font-weight:bold;
					display:inline;
					padding:0px;
					}

				h1 i, h3 i {
					font-weight:lighter;
					letter-spacing:-3px;
					font-style:italic;
					margin:0px;
					}
	
				h2{
					font-size:12px;
					line-height: 12px;
					font-weight:lighter;
					padding:0px;
					margin:0px;
					}
	
				.workDesc .littleIcons {
					cursor:help;
					margin-top:15px;
					}
	
				.workDesc .descOnly{
					margin-left:30px;
					}
	
	.workPoster {
		float:left;
		text-align:left;
		padding-left:0px;
		padding-right:10px;
		}

	.workStuff {
			width:436px;
			float:left;
			text-align:left;
			}

			.thumb{
				float:left;
				padding-right:10px;
				padding-bottom:10px;
				}

				.thumb img{
					width:208px;
				}
				
.topButton{
	padding:0px;
	float:none;
	background-color:#e6f5f5;
	width:99%;
	margin:0px;
	}   

.anchoPoster{
	width:286px;
	}

/* =========================================================================
   =                           Contact Form                                =
   ========================================================================= */

#contact_form input,
#contact_form textarea {
  font-size:10px;
  margin-top: 4px;
  border: 0px solid #666;
  background-color:#e6f5f5;
}

#contact_form input.submit {
  background-color: #e6f5f5;
  padding-bottom:1px;
  font-weight: bold;
  color: #666;
  width: 80px;
  height: 15px;
}

/* =========================================================================
   =                           PRESS BLOG                                  =
   ========================================================================= */

#containerPress{}
#containerPress .bottomLeft {padding-top:10px; padding-bottom:20px; margin-bottom:15px; overflow:hidden; border-bottom:1px solid #e6f5f5; width:502px;}
#containerPress .bottomRight {margin-top:33px;}
#containerPress .bottomRight img{width:200px;}

#containerPress #footerPress{margin: 10px 0;}
#containerPress #footerPress img{ margin:5px 0px 0px 0px;}

#containerPress #content{clear:both;padding-top:30px;}

#containerPress .comment{margin-bottom:10px, margin-top:3px;}
#containerPress .permalink{margin-left:420px;}


/*cms rules*/
#containerPress table{
background-color:#ddd;
border:1px solid #777; 
border-bottom:0;
padding:10px;
margin-top:50px;
}

#containerPress td{height:16px; 
padding:2px 5px;
border-bottom:1px solid #777;}

#containerPress textarea{height:420px; width:420px;}

#containerPress table input{width:420px;}

#containerPress #cmsNav{list-style: none; margin:15px 0; padding:0;height:15px;}
#containerPress #cmsNav li{float:left;display:inline; margin:0 5px;padding:0 6px; border-left:1px dotted #333;border-right:1px dotted #333;}