@charset "utf-8";
/* CSS Document */
body {padding:0px; margin:0px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, arial, verdana; font-size:12px; line-height:18px; color:#434242; background-position:top; background-color:#ffffff; background-image:url(images/bg.jpg); background-repeat:repeat-x;}
a, a:visited {color:#434242; text-decoration:none;}
p { padding:0px; margin:0px;}
b { font-weight:normal}
h1 {padding:0px; margin:0px;}

#mainWarp{width:100%; margin:0px; padding:0px;}
#mainPanel{width:960px;  margin:0px auto; padding:0px; clear:right;}

#header{width:960px; height:149px; float:left;    }
#main-separador{width:960px; height:50px; float:left;	background-image:url(images/main-separador.jpg);	background-position:bottom;}
.main-content{width:960px; float:left;}
#footer{width:960px; height:104px; float:left; vertical-align:text-top}

/* ------------------ home -------------------- */
#home-l-panel{width:394px; float:left;}
#home-r-panel{ width:566px; float:left; height: 594px; background-image:url(images/h1-home.png); background-repeat:no-repeat; background-position:top;}
#home-l-top{padding-left:26px; padding-right:9px; width:359px; height:233px; float:left;}
#home-l-bottom{/*width:394px;*/padding-left:46px; padding-right:29px; width:319px;/* height:361px;*/ height:361px;  float:left;  color:#FFF; background-image: url(images/home-l-bottom.png)}
#home-l-bottom p{
	padding-top:31px;
}



/* ------------------ bio -------------------------- */
#bio-l-panel{width:300px; padding-left:50px;  padding-right:15px;  height:503px;/*350px*/margin-top:24px;/* padding-top:153px; */float:left; background-image: url(images/bio-left-panel.png); color:#FFF;}
#bio-r-panel{width:595px; height:503px; margin-top:24px; float:left; background-image:url(images/cris-woler-dg.jpg);}
#bio-soft-panel{width:960px; height:95px; float:left; background-image:url(images/bio-soft-panel.png);}
#bio-soft-panel p{padding-left:720px; padding-top:30px;  font-size:14px; line-height:18px; color:#434242; font-weight:bold;}
#bio-soft-panel a{color:#035fae}

#bio-l-panel h1{font-size:12px;  color:#ffffff; padding:0px; margin:0px; text-align:left;}
#bio-l-panel p{ padding-top:153px;}
/* ------------------ portfolio -------------------- */
#portfolio-l-panel{width:586px; height:180px/*265*/; float:left; vertical-align:top;}
#portfolio-r-panel{	width:330px;/*374*/	padding-left:20px;	padding-right:24px;	float:left;}

.portfolio-l-box-top{width:586px; height:56px; float:left; background-image: url(images/portfolio.jpg)}
.portfolio-l-box-middle{width:586px; height:24px; float:left;}
.portfolio-l-box-bottom{width:556px;/* height:185px;*/  height:20px;  float:left; padding-left: 30px; }

#portfolio-boxes{ width:910px; padding:0px 20px 0px 30px; float:left; }

/* --------------- contacto --------------------*/
#contacto-l-panel{width: 315px; height:387px; float:left; background-image:url(images/contacto-left-panel.png); background-position:top; background-repeat:no-repeat:}
#contacto-m-panel{width: 330px; height:387px;/*387*/ padding-left:15px; padding-right:25px;  color:#ffffff; float:left; background-image:url(images/contacto-center-panel.png); background-position:top; background-repeat:no-repeat;}
#contacto-r-panel{width: 275px; height:387px; float:left; background-image:url(images/h1-contacto.png); background-position:top; background-repeat:no-repeat;}

#contacto-m-panel p{padding-top:140px;}

#contacto-mail{ padding-top:104px; width: 260px; font-style:normal; font-variant:normal; font-weight:normal; }
#contacto-mail a { text-decoration:none; color:#FFF;}

input {background-image: url(images/form.gif); background-repeat: no-repeat; border: 1px solid #CCCCCC; font-size:10px; color: #333333;  width:260px; padding:3px 0 3px 0; font-family: Verdana, Arial, Helvetica, sans-serif;}
textarea {background-image: url(images/form.gif); background-repeat: no-repeat; border: 1px solid #CCCCCC; font-size: 10px; color:#333333;  width:260px; padding:3px 0 3px 0;  font-family: Verdana, Arial, Helvetica, sans-serif;}
.boton { width:62px; height:17px; border:none; background-image:none;}
div#btn{text-align:right;}



/* -------------- boxes --------------------*/
h1 {text-align: center;	font-weight: normal;	font-size: 2.5em;}
h1 small {display: block;	font-size: 0.7em;	color: #999;}
img {border: none;}
ul.gallery {width:910px;/*708*/list-style: none; margin: 0 auto; padding: 0;}
ul.gallery li {float:left; margin:3px 3px 20px 3px; padding: 0px; text-align: center;	border: 1px solid #ccc;	display: inline; /*--Gimp Fix aka IE6 Fix--*/}
ul.gallery li a.thumb {	width: 210px;/*204*/ height: 170px;/*182*/	padding:4px;/*5*/	border-bottom: 1px solid #ccc;	cursor: pointer;}
ul.gallery li span { /*--Used to crop image--*/	width: 210px;/*204*/	height:170px;/*182*/ overflow: hidden; display:block;}
ul.gallery li a.thumb:hover {	background: #333;}
ul.gallery li h2 {	font-size: 1em;	font-weight: normal;	text-transform: uppercase;	margin: 0; padding: 4px;/*5*/	background: #f0f0f0;	border-top: 1px solid #fff; /*--Subtle bevel effect--*/}
ul.gallery li a {text-decoration: none; color: #777; display: block;}