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

body {
/*background:#dee7ea url(../images/bgimage.jpg) top center no-repeat;*/
background-color: #000000;

}

div#header {
margin-top:0px;
margin-bottom:0px;
}

div#divsec {
	background-image:url(../images/div_sec.jpg);
	width:927px;
	height:10px;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:0px;
}
/* Twitter */

div#twitter {
	background-image:url(../images/twitter.jpg);
	width:927px;
	height:30px;
	margin-bottom:20px;
	margin-top:0px;
}

div#twitter A:link{
	color:#616c56;
	text-decoration:none;
}

div#twitter h3{
	color:#0099CC;
	font-size:12px;
	margin-left:55px;
	margin-top:6px;
	text-align:left;
}

#twitter_div {
	font-size:12px;
	margin-left:3px;
	margin-top:5px;
}

/* Featured */

div#featured  {
height:42px;
width:927px;
margin-bottom:0px;

}
div#titleworks  {
height:42px;
width:927px;
margin-top:16px;
margin-bottom:-20px;

}

div#featuredworks  {
height:42px;
width:927px;
margin-bottom:-27px;
margin-top: 20px;

}
div#featured h1 {
font-size:24px;
color:#384244;
letter-spacing:-1px;
font-weight:700;
background-color:#e7eef0;
width:164px;
}

/* Portfolio */

div#titleportfolio  {
margin-bottom:6px;
margin-top:30px;
width:927px;
}
div#titlecovert {
	margin-bottom:-11px;
	margin-top:0px;
	margin-left:-1px;
}

div#titleilustracion {
	margin-bottom:-11px;
	margin-top:11px;
	margin-left:-1px;
}

div#titleart {
	margin-bottom:-11px;
	margin-top:30px;
	margin-left:-1px;
}

div#titleretoque {
	margin-bottom:-11px;
	margin-top:30px;
	margin-left:-1px;
}

div#imagengrande {
	margin-bottom:5px;
	margin-top:0px;
	margin-left:0px;
}

div#titleportfolio h1 {
font-size:24px;
color:#384244;
letter-spacing:-1px;
font-weight:700;
background-color:#e7eef0;
width:100px;
}


div#links {
width:927px;
height:20px;
margin-top:20px;
margin-bottom:20px;
margin-left:10px;
background-color:#000000;
}

div#titles  {
border-bottom:dashed 1px #384244;
height:42px;
width:937px;
margin-bottom:6px;
}

div#titles h1 {
font-size:18px;
color:#384244;
letter-spacing:-1px;
font-weight:700;
background-color:#e7eef0;
width:164px;
}

div#works {
width:927px;
height:290px;
margin-left:10px;
}


ul#filter {  font-size: 14px; list-style: none; margin-left: -24px; width: 940px; margin-top:2px;}
ul#filter li { float: left;
}
ul#filter a { color: #999; text-decoration: none;font-weight: bold;  }
ul#filter li.current a, ul#filter a:hover { text-decoration: none; color: #ff0000; font-weight: bold;}
ul#filter li.current a { color: #ff0000;; font-weight: bold; }
ul#filter li.web {background-image:url(../images/webicon.jpg);
}

div#portfoliospace {
	margin-top:-10px;
	width:927px;
}

ul#portfolio {
	float:left;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-left:-8px;
	width:940px;
}
ul#portfolio2 li { 
float: left; 
width: 927px;
margin-left:13px;
margin-right:0px;
margin-top:10px;
text-align:left;
}

ul#portfolio li {
	float: left;
	width: 300px;
	height: 223px;
	margin-left:9px;
	margin-right:4px;
	margin-top:30px;
    margin-bottom:20px;
	text-align:left;
	line-height: 12px;
	background-color:#FFFFFF
}
ul#portfolio lu {
	float: left;
	width: 927px;
	margin-left:10px;
	margin-right: 0px;
	margin-top:10px;
    margin-bottom:10px;
	text-align:left;
	line-height: 12px;
}

ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img {  display: block;  }


/* Slider */

div#slider ul, div#slider li{
margin:0px;
padding:0;
list-style:none;
}

div#slider li{ 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
width:927px;
height:280px;
overflow:hidden;
text-align:left;

}	

div#slider p {
text-align:left;

}

div#slider h1 {
margin-top:6px;
margin-bottom:-1px;
font-size:18px;
font-weight:700;
}

#overfeatured{
margin-bottom:-250px;
margin-left:20px;
}

#prevNext3
{
margin-bottom:-30px;
margin-left:0px;

}
#prevNext3 img
{
position: relative;
z-index: 2;
cursor: pointer;
}
#prevNext
{
margin-bottom:-250px;
margin-left:0px;
}

#prevNext img
{
position: relative;
z-index: 2;
cursor: pointer;
}
#prevNext2
{
margin-bottom:-250px;
margin-left:911px;
}

#prevNext2 img
{
position: relative;
z-index: 2;
cursor: pointer;
}
			  
/**added by Chris Paul **/
.hidden{
visibility: hidden;
display: none;
}

.hidden2
{
display: none;
}

span.backgroundcolor
{
	color:#FFFFFF;
	font-size:12px;
	font-weight:700;
	margin-left:20px;
} 
span.datosworks
{
	color:#FFFFFF;
	font-size:10px;
	font-weight:700;
	margin-left:20px;
	margin-top:0px;
    margin-bottom:0px;
} 
.detallesworks
{
	color:#ffffff;
	font-size:10px;
	margin-left:20px;
	margin-top:-50px;
	margin-bottom: 0px;
} 
.detalles
{
	color:#aab579;
	font-size:12px;
	margin-left:0px;
	line-height: 25px;
	font-weight: 5px;
} 
.detalles2
{
	color:#000000;
	font-size:12px;
	margin-left:5px;
	line-height: 25px;
	font-weight: 12px;
} 
.detallesworktitulos
{
	color:#aab579;
	font-size:12px;
	margin-left:20px;
	margin-top:0px;
    margin-bottom:0px;
} 


.panel h3 {
font-weight:700;
background-color:#0FF;
font-size:16px;
}

div#info {
width:300px;}

/* Contact Form */

.contact {
margin-left:45px;}

#contact-area {
margin-left:-8px;
}

#contact-area input, #contact-area textarea {
border:1px solid #CCCCCC;
margin-bottom:6px;
margin-right:270px;
padding:5px;
width:280px;
}

#contact-area textarea {
height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
border: 2px solid #607799;
}

#contact-area input.submit-button {
margin-right:279px;
width:100px;
}

div#infotitle {
	background-image:url(../images/titulos_about_contacto.jpg);
	height:42px;
	margin-top: 50px;
	margin-bottom:6px;
	width:924px;
}

div#swflibro  {
margin-bottom:0px;
margin-top:10px;
width:927px;
height:470px;
}

/* Services */

#serviceslist h1 {
font-size:16px;
font-weight:700;
margin-bottom:5px;

} 

#serviceslist {
	margin-left:-27px;
	padding:0;
	width:620px;
} 

.img_prof {
float:left;
margin-left:0px;
margin-top:10px;
margin-bottom:7px;
width:530px;
}
.img_estudios {
float:left;
margin-left:0px;
margin-top:10px;
margin-bottom:7px;
width:530px;
}
.img_info {
float:left;
margin-left:0px;
margin-top:10px;
margin-bottom:7px;
width:300px;
}
.img_pablo {
float:left;
margin-left:0px;
margin-top:10px;
margin-bottom:7px;
width:600px;
}


#serviceslist li { 
list-style-type:none; text-align:left;
} 

#serviceslistcontact  h1 {
font-size:16px;
font-weight:700;
margin-bottom:5px;
} 

#serviceslistcontact {
	margin-left:-10px;
	padding:0;
	margin-top:54px;
	width:620px;
} 
/* Footer */

div#footer {
background:#dee7ea url(../images/bgimage.jpg) top center no-repeat;
background-color: #1D1D1D;

}

div#footerspace {
height:33px;
width:927px;
margin-bottom:0px;
}

p.footertext {
	color:#aab579;
	margin-left:40px;
	margin-top:19px;
	text-align:left;
}

.logos {
float:left;
margin-top:3px;
}
/* AGREGADOS */
.textosdetalles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #ffffff;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #aeb283;
	text-decoration: none;
	font-weight: none;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #aab579;
	text-decoration: underline;
	font-weight: none;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #aab579;
	text-decoration: none;
	font-weight: none;
}
a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #aab5799;
	font-weight: none;
}
div#finalsec {
	background-image:url(../images/div_sec.jpg);
	width:927px;
	height:10px;
	margin-bottom:10px;
	margin-top:10px;
	margin-left:11px;
}