/*
	background	#EFEFEF
	blue		#2877AA
*/

* {
	margin:0;				padding:0;
	font:10pt/16pt Verdana, Arial, Helvetica, sans-serif;
}
html, body {
	background:#EFEFEF;
}
#wrapper {
	position:relative; 		left:50%;
	width:900px;			margin-left:-450px;
}
noscript {
	display:block;				text-align:center;
	background:#FFFF00;			color:#FF0000;
	font:bold 16px/24px Arial, Helvetica, sans-serif;
}


/*  S H A D O W S  */
#shadow_L,
#shadow_R {
	position:absolute;		top:8px;
	height:98%;			width:12px;
}
#shadow_L {
	left:0;					background:transparent url("img/shadowL.png") repeat-y;
}
#shadow_R {
	right:0;				background:transparent url("img/shadowR.png") repeat-y;
}
#shadow_BL,
#shadow_BR {
	position:absolute;		bottom:0px;
	height:15px;			width:25px;
}
#shadow_BL {
	left:0;					background:#EFEFEF url("img/shadowBL.png") no-repeat bottom;
}
#shadow_BR {
	right:0;				background:#EFEFEF url("img/shadowBR.png") no-repeat bottom;
}


/*  C O M M O N  */

.B, b, strong	{font-weight:bold;}
.CB {clear:both;}
.FL {position:relative; float:left;}
.FR {position:relative; float:right;}
.TAC{text-align:center;}
.TAJ{text-align:justify;}
.TAL{text-align:left;}
.TAR{text-align:right;}
img	{border:none;}
a	{text-decoration:none;	color:#000000;}
a:hover {text-decoration:underline;}
.smaller {font-size:6px;}


/*  H E A D E R  */

#header {
	height:130px;			margin-top:50px;
	background:transparent url('img/shadowT.png') repeat-x top;
}
#menu {
	float:right;			padding:50px 40px 10px 0;
	background:url('img/menuTR.png') no-repeat top right;
}
#menu a {
	padding:50px 5px 10px 5px;
}
#menu a:hover {
	text-decoration:none;
	background:transparent url('img/menuAH.png') repeat-x bottom;
}



/*  F O O T E R  */
#clrfooter {
	clear:both;
}
#footer {
	padding:0 60px 20px 60px;
	color:#666666;
	background:transparent url('img/shadowB.png') repeat-x bottom;
}
#footer a ,
#copyright ,
#grupointeractivo {
	font-size:7pt;
	line-height:9pt;
	color:#666666;
}
#footer a:hover {
	color:#000000;
}


/*  M A I N  */

#main {
	padding:60px 20px 60px 60px;
}
h1, h2, h3 {
	color:#2877AA;
}
h1 {
	margin:6pt 0;			font-size:18pt;
}
h2 {
	margin:5pt 0;			font-size:15pt;
}
h3 {
	margin:4pt 0;			font-size:12pt;
}
p {
	margin-bottom:15px;
}
ul {
	margin-left:20px;
}


#ultimo_proyecto {
	margin-top:40px;		width:360px;
}
#ultimo_proyecto_image {
	width:130px;
	position:relative;		float:left;
}
#ultimo_proyecto h1,
#ultimo_proyecto p {
	padding-left:140px;
}
#ultimo_proyecto a {
	padding-left:140px;		color:#2877AA;
}


div.proyecto {
	width:455px;
}
div.proyecto img.photo {
	width:442px;
	border-right:2px solid #cccccc;
	border-bottom:2px solid #cccccc;
}
div.proyecto img.thumb {
	width:120px;			height:90px;
}


/*  G A L L E R Y  */
div#gallery * {
	padding:0;				margin:0;
}
div#gallery {
	position:relative;		width:455px;
	margin:25px 0 0 25px;
}
div#gallery h2 {
	/*position:absolute;		top:10px; left:10px;*/
	color:#2877AA;			font-size:18px;
	margin:5px 10px;		text-align:right;
}
div#gallery ul:after {
	content: "."; 			display: block; 
	height:0; 				clear:both; 
	visibility:hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
div#gallery li {
	float:left;				list-style-type:none;
	margin:12px;			
}
div#gallery li img {
	float:left;
}
div#gallery li a.selected {
	border-right:2px solid #333333;
	border-bottom:2px solid #333333;
	border-left:2px solid #efefef;
	border-top:2px solid #efefef;
}
div#gallery li a {
	float:left;
	border-right:2px solid #cccccc;
	border-bottom:2px solid #cccccc;
	border-left:2px solid #efefef;
	border-top:2px solid #efefef;
}
div#gallery li a:hover ,
div#gallery li a:active {
	border:2px solid #2877AA;
}
div#gallery #galleryimage.disc {
	background:url(img/loadingdisc.gif) center center no-repeat;
}
div#gallery #galleryimage.nodisc {
	background:none;
}
div#gallery #panel1 {
	position:relative;	display:block;
	width:444px;		height:120px;
	overflow:hidden;
}
div#gallery #panel2 {
	position:absolute;	top:0px; left:0px;
	width:444px;		height:20px;
	display:block;
}
h1#intro {
	margin-top:100px;
}