/* 
	Hoja de Estilo
	   
*/

/* Global Elements */
body,html {
	margin: 0 auto;
	padding: 0;
	text-align:center;
	font-family:Helvetica, Verdana, Arial, sans-serif;
	font-size:0.82em;
	color:#666666;
	line-height:1.3em;
	background-image: url(../images/background.gif);
	background-repeat: repeat;
}
img { border: 0; }
a { color: #5DC7DB; font-weight:bold; text-decoration:underline; }
a:hover { color: #333; text-decoration: none; }
ul { background-color:#fff; }
h3 { font-size:0.9em; }
hr { color:#fff; background-color:#fff; border:0; }
.anterior{
	top: 10px;
	position: relative;
	left: 45px;
	display: block;
	height: 20px;
	width: 60px;
}

.siguiente{
	top: -10px;
	position: relative;
	left: 160px;
	display: block;
	height: 20px;
	width: 60px;
	bottom: 0px;
	right: 0px;
}

/* Floats & clears */
.left { float:left; }
.right { float:right; width:250px; }
.clear { clear:both; line-height:0px; height:0px; }


/* Head section */
#top_banner {
	width:100%;
	height:190px;
	background-image:url(../images/top_banner.png);
	background-repeat:repeat-x;
}
.body_container { width: 800px; margin: 0 auto; padding: 0; text-align:left; }
.head_img { margin-bottom: 30px; }
.header { width:600px; }


.inicio_btn {
	cursor:pointer;
	display: block;
	position: relative;
	float: right;
	height: 20px;
	width: 40px;
	top: 15px;
	right: 30px;
}

.anterior_btn {
	cursor:pointer;
	display: block;
	position: relative;
	float: left;
	height: 20px;
	width: 60px;
	top: 15px;
	right: -45px;
}

.siguiente_btn {
	cursor:pointer;
	display: block;
	position: relative;
	float: left;
	height: 20px;
	width: 65px;
	top: 15px;
	right: -95px;
}

#angel_container {
	background-image:url(../images/otra.png);
	background-position:center;
	background-repeat: no-repeat;
	width: 100%;
	height: 800px;
}


/* Work container stuff */
.work_container { padding:0; text-align:left; padding-top:200px; background-position:center top; background-repeat:repeat-x;  }
.window_container {
	width:800px;
	padding-top:100px;
	padding-bottom: 100px;
}
.window_container2 {
	width:800px;
	padding-top:100px;
	padding-bottom:300px;
}
.top_window {
	background-image:url(../images/top_window.png);
	background-repeat:no-repeat;
	width:800px;
	height: 30px;
	display: block;
}
.center_window {
	background-image:url(../images/center_window.png);
	background-repeat:repeat-y;
	width:800px;
	display: block;
}
.bottom_window {
	background-image:url(../images/bottom_window2.png);
	background-repeat:no-repeat;
	width:800px;
	display: block;
	height: 45px;
}

.bottom_window_inicial {
	background-image:url(../images/bottom_window.png);
	background-repeat:no-repeat;
	width:800px;
	display: block;
	height: 30px;
}
.proy_info {
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
	 
}
.text_resize { float:right; margin:-32px -16px 0 0; }
.box_top { margin-top:-10px; width:827px; height:11px; }
.box { width:827px;background-image:url(../images/box_grad_sides.gif); background-repeat:repeat-y; margin: 0; padding: 5px 0 5px 13px; }
.box_bottom { width:827px; height:11px; }
#dandad { background-image:url(../images/work_bg_line.gif); }
#umbro{ background-image:url(../images/work_bg_line2.gif); }
#skylarkin { background-image:url(../images/work_bg_birds.gif); padding-top:1600px; margin-top: 400px; }
#luckyvoice { background-image:url(../images/work_bg_line4.gif); }
#logo { background-image:url(../images/work_bg_line.gif); }
#faceless{ background-image:url(../images/umbella_man.gif); padding-top:1000px; margin-top:300px; }
#coldstats { background-image:url(../images/work_bg_line2.gif); }
#dreams { background-image:url(../images/work_bg_line4.gif); }
#end { background-repeat:no-repeat; background-color:#5DC7DB; background-image:url(../images/work_bg_robot.gif); padding-top:1400px; }
.work_text_container { padding: 5px 20px 0 110px; float:left; width:200px; }
.work_text_container_right { margin: 5px 40px 0 0; float:right; width:450px; }
.orange_txt { color: #F06824; }
.orange_txt { color: #FF7033; }

.green_txt { color: #F9F9F9; }
.blue_txt { color: #5FB89D; }
.spacer { height:24px; line-height:1px; }


/* Nav section stuff */
.navBox { width:827px;background-image:url(../images/box_grad_sides.gif); background-repeat:repeat-y; margin: 0; padding: 5px 0 5px 13px; }
.db_logo { vertical-align:text-bottom; margin-right:30px; }
.next_btn { text-align:center; cursor:pointer; }
.top_btn { margin-left:493px; cursor:pointer; }
#open_btn { margin-top:6px; }


/* Stickers */
.rossette { width: 116px; height:183px; position: relative; top:-130px; margin:0 -110px -180px 0; }
.rossettewidth { width:116px; height:183px; }
.sticker { width: 112px; height:183px; background-repeat:no-repeat;  position: relative; top:-120px; left:10px; margin-bottom:-180px; }
.stickerwidth { width:112px; height:112px; }


/* Footer stuff */
.footer { background-color:#fff; padding:20px; width:600px; }
.tick { width:16px; height:16px; vertical-align:bottom; }


/* Set images dimensions for IE6 png fix */
.open_project {
	width:95px;
	height:24px;
	float: right;
}
.quote { width:575px; height:189px; }
.text_size_increase { width:20px; height:21px; }
.text_size_decrease { width:22px; height:21px; }
.title_coldstats { width:182px; height:212px; }
.title_faceless { width:334px; height:212px; }
.title_logos { width:350px; height:212px; }
.title_luckyvoice { width:206px; height:212px; }
.title_skylarkin { width:280px; height:212px; }
.title_umbro { width:433px; height:212px; }