* { margin: 0; padding: 0; }
body {
	background: transparent url(images/bg.png) center top;
	background-repeat: repeat;
	font-family:Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #333;
	line-height: 21px;
	overflow: hidden;
    overflow-y: hidden;
	z-index:3;

}

#esconder {
	overflow: hidden;
	height:400px;
	width: 400px;
	left: 460px;
	position: relative;
	
	
}

#todo {
	background: transparent url(images/bghome.png) center top no-repeat;
	background-attachment: fixed;
	z-index:2;
}

a { outline: none; color: #006699; text-decoration: none; }
a:hover { text-decoration: underline; }
a.loc, a.loc:hover { text-indent: -100000px; }
.red { color: #f26c4f; }

/* Sticky Header */
#header {
	height: 200px;
	position: fixed;
	width: 950px;
	z-index: 500;
	top: 0;
	left: 50%;
	margin-left: -470px;
}
div.logo {
	float: left;
	padding-top: 30px;
	width: 633px;
	position: relative;
}
/* Sticky Nav */
div.nav { float: right; width: 950px; height: 65px; background-image:url(images/nav-bg.png); background-repeat:repeat-x;  }
div.nav ul { list-style-type: none; }
div.nav li { float: left; text-indent: -9999px; }
div.nav li a { display: block; margin-left: 4px; margin-right: 4px; }
a.transelec { width: 160px; height: 56px; background: url(images/transelec.png) left top no-repeat; }
a.top { width: 36px; height: 56px; background: url(images/top-arrow.png) left top no-repeat; }
a.objetivos { height: 41px; margin-top: 7px; width: 115px; background: url(images/obj-tab.png) left top no-repeat; }
a.concursan { height: 41px; margin-top: 7px; width: 160px; background: url(images/top-quienes.png) left top no-repeat; }
a.participan { height: 41px; margin-top: 7px; width: 100px; background: url(images/top-part.png) left top no-repeat; }
a.jurado { height: 41px; margin-top: 7px; width: 100px; background: url(images/top-jurado.png) left top no-repeat; }
a.inicio { width: 36px; height: 56px; background: url(images/top-arrow.png) left top no-repeat; }
a.casadelapaz { width: 159px; height: 56px; background: url(images/casadelapaz.png) left top no-repeat; }
a.objetivos:hover, a.objetivos:hover, a.concursan:hover, a.participan:hover, a.jurado:hover { background-position: left -41px; }

/*#wrapper { width: 940px; margin: 0 auto; }*/
.wide { width: 100%; }
#opening, #block-portfolio,#block-portfolio2, #block-what, #block-about {
	height: 750px;
	padding-bottom: 150px;
	width: 940px;
	margin: 0 auto;
}
#block-contact { height: 1000px; width: 940px; margin: 0 auto; }

/* Opening Block 
#opening {
	background: url(images/cow.jpg) right 80px no-repeat;
}*/
#opening h1 {
	width: 850px;
	height: 256px;
	background: url(images/bienvenidos.png) right bottom no-repeat;
	text-indent: -9999px;
	margin-right: 25px;
	padding: 180px 0 0 0;
}
#opening h2 { width: 350px; height: 70px; text-indent: -9999px; background: url(images/title-home.png) left top no-repeat; position: relative; left: 470px; top: 200px; }
#opening p { left:485px;
position:relative;
text-align:justify;
top:200px;
width:350px;
}

/* quienes? cuadro 
.plane {
	background: url(images/plarne.png) center 250px no-repeat;
}*/
#block-portfolio h2 { width: 350px; height: 70px; text-indent: -9999px; background: url(images/title-obj.png) left top no-repeat; position: relative; left: 470px; top: 200px; }

.port-back {
	left:485px;
	position:relative;
	text-align:justify;
	top:205px;
	width:350px;

}

/* Jurado cuadro 
.plane {
	background: url(images/plarne.png) center 250px no-repeat;
}*/
#block-portfolio2 h2 {
	width: 350px;
	height: 70px;
	text-indent: -9999px;
	background: url(images/title-jurados.png) left top no-repeat;
	position: relative;
	left: 470px;
	top: 200px;
	background-image: url(images/title-jurado.png);
}

.port-back2 {
	left:465px;
	position:relative;
	text-align:justify;
	top:180px;
	width:350px;

}

.stepcarousel { position: relative; overflow: scroll; width: 375px; height: 290px; left: 5px; top: 5px; }
.stepcarousel .belt { position: absolute; left: 0; top: 0; }
.stepcarousel .panel { float: left; overflow: hidden; margin: 0; width: 375px; }
#portfolio-cycle img { border: none; }


/* Services Block */
.services { background: transparent center top no-repeat; }
#block-what h2 { width: 350px; height: 70px; text-indent: -9999px; background: url(images/title-participan.png) left top no-repeat; position: relative; left: 470px; top: 200px; }
.bespoke { width: 235px; position: relative; top: 310px; left: 30px; color: #003333; }

.left-col {
left:485px;
position:relative;
text-align:justify;
top:200px;
width:350px;

}

.service-list { width: 210px; position: relative; top: -95px; left: 730px; list-style-type: none; }
.service-list li { line-height: 23px; padding-left: 25px; background: url(images/tick.png) left center no-repeat; }

/* About Block 
.about-me { background: url(images/about-bg.png) center top no-repeat; }*/
#block-about h2 { width: 350px; height: 70px; text-indent: -9999px; background: url(images/title-part.png) left top no-repeat; position: relative; left: 470px; top: 200px; }
.about-left {
	left:485px;
	position:relative;
	text-align:justify;
	top:220px;
	width:350px;
}
.about-right {
	position: relative;
	left: 240px;
	top: -290px;
	width: 300px;
}
.about-left p, .about-right p { margin-bottom: 15px; color: #003333; }

/* Contact Block 
.contact-me { background: url(images/contact-bg.png) center top no-repeat; }*/
#block-contact h2 { width: 340px; height: 70px; text-indent: -9999px; background: url(images/title-contact.png) left top no-repeat; position: absolute; margin: 165px 0 0 330px; }
.contact-left { position: absolute; width: 380px; margin: 320px 0 0 0; }
.contact-right { position: absolute; width: 455px; margin: 320px 0 0 410px; }
p#success { padding: 3px 10px; background: #d1eaac;	border: 1px solid #acd373; color: #406618; margin-bottom: 10px; text-align: center; }
p#bademail, p#badserver	{ padding: 3px 10px; background: #f0dad6; border: 1px solid #e4c4be; color: #f26c4f; margin-bottom: 10px; text-align: center; }
.input-name { height: 35px; width: 305px; background: url(images/input-name.png) left top no-repeat; padding: 10px 0 0 70px; }
.input-email { height: 35px; width: 305px; background: url(images/input-email.png) left top no-repeat; padding: 10px 0 0 70px; }
.input-message { height: 80px; width: 455px; background: url(images/input-message.png) left top no-repeat; padding: 40px 0 0 20px; }
input#nameinput, input#emailinput { border: none; padding-top: 3px; height: 18px; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color:#666; }
textarea#commentinput { border: none; font-family: Georgia, "Times New Roman", Times, serif; line-height: 21px; font-size: 14px; color: #666; height: 63px; width: 415px; }
.alignright { float: right; }
#twit-twit { list-style-type: none; font-size: 12px; color: #666; position: absolute; margin: 610px 0 0 20px; width: 195px; font-style: italic; }
.find { text-align: center; padding-top: 60px; background: url(images/mail.png) center 15px no-repeat; }
.find a img { border: none; }

.fieldset .textfield {
	margin:3px;
	height:20px;
	width:200px;
	border:solid 0 #fff;
	background: transparent 
	url("images/textfield_bg.gif") no-repeat fixed; }
fieldset>input.textfield {
	background: transparent 
	url("images/textfield_bg.gif") no-repeat; }
	
.ficha {
background:transparent none repeat scroll 0 0;
display:block;
height:38px;
left:715px;
position:relative;
top:300px;
width:149px;
z-index:600;
}
.fichaword {
background:transparent none repeat scroll 0 0;
display:block;
height:38px;
left:595px;
position:absolute;
top:515px;
width:149px;
z-index:600;
}
.bases {
background:transparent none repeat scroll 0 0;
display:block;
height:38px;
left:475px;
position:absolute;
top:515px;
width:149px;
z-index:600;
}

.cron {
	background:transparent none repeat scroll 0 0;
	display:block;
	left:230px;
	position:relative;
	top:535px;
	z-index:450;
}


#footer {
	background:transparent none repeat scroll 0 0;
	position: relative;
	display:block;
	top:403px;
	left:500px;
	z-index: 400;
}	
	/* Modal */
body.modal { background: none; }
.modal-frame { width: 760px; padding: 20px; background: url(images/modal-bg.gif) left top repeat-x; }
.modal-left { width: 300px; float: left; }
.modal-right { width: 450px; float: right; }
.clear { clear: both; }
.clear-left { clear: left; }
.modal-list { margin: 15px 0 0 0; background: url(images/work-inlcuded.png) left top no-repeat; padding: 30px 0 0 0; }
.modal-list ul { list-style-type: none; width: 225px; float: left; padding-bottom: 20px; }
.modal-list li { padding-left: 25px; background: url(images/tick.png) left 3px no-repeat; }
.modal-url { background: url(images/url.png) left top no-repeat; padding: 20px 0 0 0;}