/*
	Colores
	--------------------------
	Morado: #6f1c75;
	Morado Claro: #9a609e;
*/

* {
	margin:0;
	padding:0;
	border:0;
}
html, body {
	background:#fff;
	height:100%;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:1.4em;
	text-align:left;
}
/*Opera Sticky Footer Fix*/
	body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-9999px;
}

ol, ul {
	list-style: none;
}

/*Typography*/

h2 {
	color:#444;
	font:600 20pt "Helvetica Neue", "Helvetica", Arial, sans-serif;
	margin:0 0 10px 0;
}
#left-column h2 {
	margin:0;
}
h3, h3 a {
	color:#6f1c75;
	text-transform:uppercase;
	letter-spacing:0.1em;
	margin:0 0 10px 0;
	clear:both;
	text-decoration:none;
}
h3 a:hover {
	border-bottom:1px dotted #888;
	color:#444;
}
.description h3 {
	clear:none;
}
p, ul.files, table {
	color:#000;
}
p.emphasis {
	color:#c799ca;
	margin:0 0 15px 0;
	line-height:140%;
}
h4 {
	text-transform: uppercase;
	letter-spacing:0.1em;
	color:#6f1c75;
	margin:0 0 5px 0;
}

/*General*/

img {
	border:none;
}
hr {
	clear:both;
	border:none;
	border-bottom:1px solid #ddd;
	color:none;
	background:none;
	height:1px;
	margin:20px 0;
}
hr.no-top {
	margin:0 0 20px 0;
}
hr.light {
	border-color:#eee;
}
span.amp {
	font-family: Palatino, Baskerville, "Book Antiqua", serif;
	font-style: italic;
}
span.trademark {
	font-size:14px;
	position:relative;
	top:-10px;
}
.clear {
	clear:both;
	width:100%;
	height:0px;
	overflow:hidden;
	display:block;
	visibility:hidden;
}
a:focus, a:active {
	outline:none;
}
.right {
	text-align:right;
	clear:both;
	line-height:160%;
}
.right.grey {
	background:#f5f5f5;
	padding:15px 10px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
p.space-bottom {
	padding-bottom:20px;
}

.morao { color:#6f1c75;}
.moraob { color:#6f1c75; font-weight:bold;}
/*Buttons*/

span.back-button {
	margin:3px 0 15px 0;
	display:block;
	clear:both;
}
span.back-button a {
	font:400 9pt "proxima-nova-1", Arial, sans-serif;
	text-transform: uppercase;
	text-decoration:none;
	letter-spacing:0.1em;
	background:#eee url('img/abera/icon-back-arrow.png') no-repeat 5px top;
	color:#999;
	padding:3px 5px 3px 18px;
}
span.back-button a:hover {
	background-color:#ddd;
	background-position:5px -22px;
	color:#666;
}
span.link {
	height:28px;
	overflow:hidden;
}
span.link a {
	height:28px;
	font:600 9.5pt "proxima-nova-1", Arial, sans-serif;
	text-transform: uppercase;
	text-decoration:none;
	letter-spacing:0.1em;
	background:url('img/abera/button-link.png') no-repeat right top;
	color:#666;
	padding:7px 33px 6px 0;
}
span.link a:hover {
	background-position:right -30px;
	color:#222;
}
span.link a:active {
	background-position:right -60px;
}
span.personality-button {
	height:40px;
	width:148px;
	float:right;
	position:absolute;
	top:0;
	right:0;
	z-index:20;
}
span.personality-button a {
	background:url('img/abera/button-personality.png') no-repeat 0 top;
	display:block;
	height:40px;
	width:148px;
	text-indent:-9999px;
}
span.personality-button a:hover, span.personality-button.activated a {
	background-position:0 -40px;
}
span.personality-button a:active {
	background-position:0 -80px;
}

/*End Buttons*/

#top {
	min-height:100%;
	width:100%;
}
#header-wrapper {
	width:100%;
	min-width:960px;
	height:130px;
	background:#6f1c75;
	z-index:10;
	position:relative;
	-webkit-box-shadow:inset 0px -2px 0px rgba(0,0,0, .15);
	-moz-box-shadow:inset 0px -2px 0px rgba(0,0,0, .15);
	box-shadow:inset 0px -2px 0px rgba(0,0,0, .15);
}
#header-background {
}
#header {
	margin:0px auto;
	width:960px;
	height:150px;
	position:relative;
}
#logo {
	position:absolute;
	top:50%;
	margin:-45px 0 0 10px;
}
ul#navigation {
	position:absolute;
	top:50%;
	right:0;
	margin:-12px 0 0 0;
	width:460px;
	height:20px;
}
ul#navigation li {
	float:left;
	clear:right;
	list-style:none;
	text-align:center;
	padding:0px 10px 0 0px;
	border-left: 1px solid #fff;

}
ul#navigation li a {
	color:#fff;
	text-decoration:none;
	display:block;
	height:23px;
	padding:4px 0px 0 10px;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);
}
ul#navigation li a:hover {
color: #b783bb;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.7);

}
ul#navigation li.current a:hover {
	opacity:1;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity = 100);
}

/*Specific styles*/

ul#navigation li.home {
	padding: 0px 10px 0 0px;
	width:36px;
	border-left: 0px solid #fff;
	
}
ul#navigation li.current a {
color: #b783bb;
}
ul#navigation li.work {
	width:54px;
}
ul#navigation li.work.current a {
	background: url('img/abera/nav-small.png') no-repeat;
}
ul#navigation li.contact {
	width:68px;
}
ul#navigation li.contact.current a {
	background: url('img/abera/nav-medium.png') no-repeat;
}
#banner-wrapper {
	width:100%;

}
#separacion {
		padding-top: 15px;
}
#banner {
	width: 938px;
	padding:0 0px;
	margin:0px auto;
	position:relative;
}
#banner_mini {
	width: 695px;
	padding:0 0 20px 0px;
	margin:0px auto;
	position:relative;
}
.banner-overlay {
	position:absolute;
	top:-460px;
	right:180px;
	z-index:8;
	display:none;
}
.slideshow {
	width:100%;
	height:440px;
	position:relative;
	overflow:hidden;
	margin-top:20px;
	border: 0px solid #fff;
	
}
.slide {
	margin:0px auto;
	width:938px;
	position:relative;
}
.slideshow li {
	list-style:none;
	float:left;
	display:inline;
	width:100% !important;
	position:relative;
	border:none;
	
}
ul#slideshow-nav {
	list-style:none;
	margin:5px auto 0 auto;
	text-align:center;
	height:15px;
	
}
#slideshow-nav li {
	display:inline;
	margin:0 5px 0 0;
}
#slideshow-nav a {
	text-decoration:none;
	color:#888;
	font-size:30px;
}
#slideshow-nav a:hover {
	color:#ccc;
}
#slideshow-nav .activeSlide a {
	color:#444;
}

/* --- BANNER WEB --- */

#banner-wrapper2 {
	width:100%;
}
#banner2 {
	width: 803px;
	padding:35px 0px;
	margin:0px auto;
	position:relative;
}
.banner2-overlay {
	position:absolute;
	top:-460px;
	right:180px;
	z-index:8;
	display:none;
}
.slideshow2 {
	width:100%;
	height:457px;
	position:relative;
	overflow:hidden;
	margin-top:20px;

	
}
.slide2 {
	margin:0px auto;
	width:932px;
	position:relative;
}
.slideshow2 li {
	list-style:none;
	float:left;
	display:inline;
	width:100% !important;
	position:relative;
	border:none;
	
}
ul#slideshow2-nav {
	list-style:none;
	margin:5px auto 0 auto;
	text-align:center;
	height:15px;
	padding: 55px 0 0 0;
	
}
#slideshow2-nav li {
	display:inline;
	margin:0 5px 0 0;
}
#slideshow2-nav a {
	text-decoration:none;
	color:#888;
	font-size:30px;
}
#slideshow2-nav a:hover {
	color:#ccc;
}
#slideshow2-nav .activeSlide a {
	color:#444;
}
/* SLIDER TRABAJOS */
.slidetrabajos {
	width:100%;
	height:450px;
	position:relative;
	overflow:hidden;
	margin-top:0px;

	
}
.slidet {
	margin:0px auto;
	width:932px;
	position:relative;
}
.slidetrabajos li {
	list-style:none;
	float:left;
	display:inline;
	width:100% !important;
	position:relative;
	border:none;
	
}
ul#slidetrabajos-nav {
	list-style:none;
	margin:5px auto 0 auto;
	text-align:center;
	height:15px;
	padding: 20px 0 0 0;
	
}
#slidetrabajos-nav li {
	display:inline;
	margin:0 5px 0 0;
}
#slidetrabajos-nav a {
	text-decoration:none;
	color:#888;
	font-size:30px;
}
#slidetrabajos-nav a:hover {
	color:#ccc;
}
#slidetrabajos-nav .activeSlide a {
	color:#444;
}
/* ----- */


#content-wrapper {
	width:100%;
	background:#fff;
	padding-bottom:151px;
	overflow-x:none;
}
#content {
	margin:0px auto;
	width:940px;
	padding:25px 10px 30px 10px;
}
#content2 {
	margin:0px auto;
	width:920px;
	padding:25px 10px 30px 10px;
}
#content.big-banner {
	padding:25px 10px 30px 10px;
}
#content ul.standard, #content ol {
	color:#666;
	font:300 10.5pt "adelle-1", Georgia, serif;
}
#content ul.standard li {
	margin:10px 0 0 15px;
	list-style-image: url('img/abera/li-bullet.png');
	line-height:140%;
}
#content ol li {
	margin:10px 0 0 18px;
	line-height:160%;
}
p a, ul.files a, ul.zebra a, .tweet a, ul.standard a, #content ol a {
	border-bottom:1px dotted #888;
	text-decoration:none;
	font-weight:400;
	color:#444;
}
p a:hover, ul.files a:hover, ul.zebra a:hover, .tweet a:hover, ul.standard a:hover, #content ol a:hover {
	border-bottom:1px solid #888;
	text-decoration:none;
	color:#6f1c75;
}
ul.zebra a, ul.zebra a:hover {
	border:none;
}
#left-column, .left-column {
	float:left;
	width:440px;
	margin:0 10px 0 0;

}

#left-column .extra, .left-subcolumn {
	float:left;
	width:600px;
	margin:0 15px 0 0;
}
#menu-familia, .menu-familia {
	float:left;
	width:220px;
	margin:0 10px 0 0;
}
#columna-producto, .columna-producto {
	float:left;
	clear:right;
	width:684px;
	margin:0 0 0 20px;
}
 .bordefoto {
	border: 8px solid #6f1c75;
}
#medidas {
	position: absolute;
	background:#6f1c75 url("img/abera/regla_2.png") 12px 50% no-repeat;
	margin: 400px 0 0 0px;
	padding:5px 20px 7px 35px;
	color:#fff;
	font-size: 14px;
	-webkit-border-bottom-right-radius:30px;
	-moz-border-bottom-right-radius:30px;
	border-bottom-right-radius: 30px;
	border-bottom: 4px solid #6f1c75;
	border-right: 4px solid #6f1c75;	
}
#medidas .medidas2 {
	color:#9a609e;
}
#titular {
	font-size: 20px;
	color: #ccc;
	margin: 25px 20px 20px 20px;
}
#titular_extra {
	font-size: 20px;
	color: #ccc;
	margin: 50px 20px 20px 20px;
}
#aplicacion {
	padding: 0px 5px 0 20px;
	color: #999;
	font-size:13px;
}
#aplicacion .morado{
	color:#6f1c75;
}
#acabado {
	float:left;
	width:240px;
	margin:0 20px 0 0px;
}
#acabado h3 {
	background:#fff url("img/abera/acabados.png") 10px 50% no-repeat;
	padding: 0 0 0 35px;
}
#soporte {
	float:left;
	width:220px;
	padding: 0 10px 0 0;
	margin:0 10px 0 0px;
	font-size: 13px;	
}
#soporte h3 {
	background:#fff url("img/abera/soportes.png") 10px 50% no-repeat;
	padding: 0 0 0 35px;
}
#soporte_expo {
	float:left;
	width:280px;
	padding: 0 10px 0 0;
	margin:0 10px 0 0px;
	font-size: 13px;	
}
#soporte_expo h3 {
	background:#fff url("img/abera/soportes.png") 10px 50% no-repeat;
	padding: 0 0 0 35px;
}
#produccion {
	float:left;
	width:184px;
	margin:0 0px 0 0;
}
#produccion h3 {
	background:#fff url("img/abera/produccion.png") 10px 50% no-repeat;
	padding: 0 0 0 35px;
}
#formato_expo {
	float:left;
	width:180px;
	margin:0 20px 0 0px;
}
#formato_expo h3 {
	background:#fff url("img/abera/acabados.png") 10px 50% no-repeat;
	padding: 0 0 0 35px;
}
#formato_expa {
	float:left;
	width:480px;
	margin:0 20px 0 0px;
}
#formato_expa h3 {
	background:#fff url("img/abera/acabados.png") 10px 50% no-repeat;
	padding: 0 0 0 35px;
}
#formatos h3 {
	background:#fff url("img/abera/formato.png") 10px 50% no-repeat;
	padding: 0 0 0 35px;
}
.marco {
	padding: 10px;
	border: 1px dotted #ccc;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.marco_gris {
	padding: 10px;
	border: 1px dotted #ccc;
	background: #f8f8f8;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.seccion {
	color:#9a609e;
}
#plantilla {
	float:left;
	width:115px;
	padding: 0 0px 0 75px;
	margin:0 20px 0 0px;
	font-size: 13px;
	background: url("img/abera/plantilla.png") 10px 0px no-repeat;
	
}
#plantilla a {
 	text-decoration: none;
	color: #000;
}
#plantilla a:hover {
	color:#999;
	border-bottom: 1px dotted #999;
}

#cree {
	float:left;
	width:195px;
	padding: 0 10px 0 75px;
	margin:0 10px 0 0px;
	font-size: 13px;
	color: #000;
	background: url("img/abera/cree.png") 10px 0px no-repeat;		
}

#presupuesto {
	float:left;
	width:109px;
	padding: 0 0px 0 75px;
	margin:0 0px 0 0;
	font-size: 13px;
	background: url("img/abera/presupuesto.png") 10px 0px no-repeat;			
}

#presupuesto a {
 	text-decoration: none;
	color: #000;
}
#presupuesto a:hover {
	color:#999;
	border-bottom: 1px dotted #999;
}

#cree, #plantilla, #presupuesto strong {
	color:#9a609e;		
}

.formato {
	float:left;
	width:155px;
	padding: 0 15px 0 10px;
	margin:0 10px 0 0px;
	font-size: 13px;
	color: #000;
} 

.formato p { margin: 0 0 0 5px;}

.fin {
	border-right: 0px dotted #999;	
}

.recto {
	background: url("img/abera/formatos/recto.jpg") 5px 0px no-repeat;
	padding-top: 80px;			
}
.curvo {
	background: url("img/abera/formatos/curvos.jpg") 5px 0px no-repeat;
	padding-top: 80px;			
}
.dobles {
	background: url("img/abera/formatos/dobles.jpg") 5px 0px no-repeat;
	padding-top: 90px;			
}
/*Zebra List*/

ul.zebra {
	float:left;
	clear:right;
	list-style:none;
	margin:0 0 15px 0;
	width:100%;
	color:#888;
	letter-spacing:0.8px;
	line-height:25px;
	overflow:hidden;
}
ul.zebra li {
	list-style:none;
	display:block;
	padding:10px 10px 10px 20px;
}
ul.zebra li.odd {
	background:#f5f5f5;
	text-transform: uppercase;
}
ul.zebra li strong {
	color: #888;
}

/*Person Page*/

.twitter {
	margin:0;
	padding:0;
	border:0;
}
.twitter td {
	vertical-align:top;
}
.avatar {
	float:left;
	margin:0 20px 0 -3px;
	border: 3px solid #fff;
}

/*Twitter Section*/

.avatar:hover {
	border: 3px solid #ddd;
}
.avatar img {
	width:60px;
	height:60px;
}
.tweet {
}
.author {
	padding:10px 0 0 0;
}
.author a {
	font:600 9pt "proxima-nova-1", Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing:0.1em;
	color:#6f1c75;
	text-decoration:none;
}
.author a:hover {
	border-bottom:1px dotted #888;
	color:#444;
}
.serious-pic {
}
.personality-pic {
	display:none;
}
.overlap {
	margin-top:-90px;
	z-index:15;
	position:relative;
}

/*Connect*/
ul#connect{
	float:none;
	width: 245px;
	margin: 0px auto;
}


ul#connect li {
	float:left;
	clear:right;
	list-style:none;
	height:63px;
	margin:0 5px 0 0;
}
ul#connect li a {
	width:44px;
	height:43px;
	display:block;
	text-indent:-9999px;
	opacity:0.7;
}
ul#connect li.dribbble a {
	background: url('img/abera/connect-dribbble.png') no-repeat;
}
ul#connect li.twitter a {
	background: url('img/abera/connect-twitter.png') no-repeat;
}
ul#connect li.facebook a {
	background: url('img/abera/connect-facebook.png') no-repeat;
}
ul#connect li.google a {
	background: url('img/abera/connect-google.png') no-repeat;
}
ul#connect li.flickr a {
	background: url('img/abera/connect-flickr.png') no-repeat;
}
ul#connect li.tumblr a {
	background: url('img/abera/connect-tumblr.png') no-repeat;
}
ul#connect li.linkedin a {
	background: url('img/abera/connect-linkedin.png') no-repeat;
}
ul#connect li.youtube a {
	background: url('img/abera/connect-youtube.png') no-repeat;
}
ul#connect li a:hover {
	background-position:0 -43px;
	opacity:1;
}

/*More Crew*/

ul#crew {
	margin:0 0 5px 0;
	width:460px;
}
ul#crew li {
	float:left;
	height:110px;
	width:110px;
	list-style:none;
	margin:0 6px 6px 0;
	position:relative;
	overflow:hidden;
}
ul#crew li.last {
	margin:0;
}
ul#crew li img {
	width:110px;
	height:110px;
}
ul#crew li a {
	font:10pt "Helvetica Neue", "Helvetica", Arial, sans-serif;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
	text-decoration:none;
}
ul#crew li a.crew-over {
	position:absolute;
	top:0;
	left:0;
	display:block;
	height:110px;
	width:110px;
	background:#604788;
	padding:45% 10px;
	color:#fff;
	opacity:0;
	filter: alpha(opacity = 0);
}
ul#crew li a.extra {
	padding:30px 10px;
}
ul#crew li a span.amp {
	color:#af99d0;
	font-style:normal;
}
#right-column, .right-column {
	float:left;
	clear:right;
	width:450px;
	margin:0 0 0 20px;
}
#columna_form_contacto {
	float:left;
	width:580px;
	margin:0 10px 0 10px;
}
#columna_contacto {
	float:left;
	clear:right;
	width:300px;
	margin:0 0 0 30px;
}
#right-column.picture-frame {
	position:relative;
}

/*General Layout Styles*/

.icon-block {
}
.description {
	padding:30px 0 0 0;
}
.icon {
	float:right;
	margin:0 20px 15px 0;
	width:160px;
	height:160px;
}
.service .icon {
	margin-top:-25px;
}
.jobs .icon {
	margin-top:-25px;
	margin-right:0;
}
.icon.left {
	float:left;
	clear:left;
}
.icon.auto {
	height:auto;
	width:auto;
}

.conocenos p {
	padding: 0px 0px 0px 0;
	line-height:23px;
	text-align:justify;
}
/*Case Details Page*/
			
.page-banner {
	margin-left:-1px;
	border:1px solid #eee;
	-moz-box-shadow:1px 1px 2px #aaa;
	-webkit-box-shadow:1px 1px 2px #aaa;
	box-shadow:1px 1px 2px #aaa;
}
.case {
	/* border-bottom:1px solid #ddd;*//
	padding:0 0 20px 0;
	margin:0 0 20px 0;
}
.case h4 {
	clear:both;
}
.case.no-bottom {
	border:none;
}
.case.network-link {
	margin:0;
	padding:10px 0 0 0;
}
.case .icon {
	margin:0px 10px 0 0;
	width:70px;
	height:70px;
}
.case .description {
	padding:0;
	margin:0 25px 0 0;
	float:left;
	clear:right;
}
.case .tags {
	float:left;
	clear:right;
}
.case ul li, .case .description p, .case .tags p {
	list-style:none;
	color:#666;
}
.case .right-box {
	float:left;
	clear:right;
	width: 220px;
}

#cajon_tabla {
	float:left;
	clear:right;
	width:695px;
	margin:0px 0 0 10px;
}
#cajon_tabla  img{
	margin:0px 0 10px 0px;
}
#cajon_video {
	border: 10px solid #f4f4f4;
}
#titulo {
	float:left;
}
#volver {
	float:right;
}

.cita {
	color:#ccc;
line-height: 50px;	font-style:italic;
	font-size: 20px;
}

/* ------------ + CSS ---------- */

.galeria {
	margin:0 auto;
	position: relative;
}

.galeria ul {
	
}

.galeria li {
	display:inline;
	float:left;
	width:200px;
	background-color:#f5f7f9;
	padding:5px;
	margin:10px 15px 10px 10px;
	text-align: center;
	}

/* -------- GALERIA TRABAJOS ------- */

.galeria_trabajos {
	margin:0 auto;
	position: relative;
}

.galeria_trabajos ul {
	
}

.galeria_trabajos li {
	display:inline;
	float:left;
	width:200px;
	border: 1px solid #ededed;
	margin: 5px 17px 17px 0px;
	padding: 8px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	}

	.galeria_trabajos li:hover {
		border: 1px solid #ccc;
		background:  #f4f4f4;
	}
.galeria_trabajos p {
	text-align:center;
	text-decoration: none;
	padding: 10px 5px 5px 5px;	
}
.galeria_trabajos a {
	color: #6f1c75;
	text-decoration: none;
	border: 0px solid #ccc;
}

#cajon_web {
	background: #fff url("../imagenes/fondos/fondo_galeria_web.jpg") center;
	width: 932px;
	height: 822px;
}

/* Escala de Grises */

.item {
	width: 200px;
	margin: 5px;
	float: left;
	border: 1px solid #ededed;
	padding: 10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

.item img {
	opacity:0;
}


/*Proyectos*/

.project-block {
	float:left;
	width:327px;
	padding:0 0px 0 0;
	margin:0 0px 0 0;
}
.project-block.last {
	margin:0;
	padding:0;
	width:286px;
}
.project-block .thumb-wrap {
	margin:0 18px 10px 0;
	padding:0 20px 0 0;
	width:286px;
	border-right:1px solid #eee;
}
.project-block.last .thumb-wrap {
	padding:0;
	border:none;
}
.project-block .thumb {
	width:286px;
	height:190px;
	position:relative;
}

/*Overlay for thumb*/

.project-block .thumb a.thumb-over {
	background:url('img/abera/hover-more.png') no-repeat center center;
	position:absolute;
	top:0;
	left:0;
	display:block;
	height:190px;
	width:286px;
	opacity:0;
	filter: alpha(opacity = 0);
	text-indent:-9999px;
}
.project-block .thumb a.thumb-over.outbound {
	background-image: url('img/abera/hover-link.png')
}

/*Actual Thumb*/

.project-block .thumb img {
	-moz-box-shadow:1px 1px 3px  #aaa;
	-webkit-box-shadow:1px 1px 3px #aaa;
	box-shadow:1px 1px 3px #aaa;
	border:1px solid #f3f3f3;
	
}
.project-block .thumb a {
	display:block;
}
.project-block h3 {
	margin:0 0 3px 0;
}
.project-block .subtext {
	font:400 9pt "proxima-nova-1", Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing:0.1em;
	color:#999;
}

/*Press Box*/

ul.files {
	margin:0 0 15px 0;
}
ul.files li {
	float:left;
	list-style:none;
	margin:0 15px 0 0;
	padding:5px 0;
}
ul.files li.filetype {
	width:40px;
}

/*Contact Form*/
form { margin: 0 0 20px 0;}
label {
	color: #666;
	padding: 6px 0 5px 2px;
	margin:10px 0;
	font-weight:bold;
}
label.red {
	color:#E8514A;
}
.half-fields {
	width:100%;
}
.input-wrapper {
	padding:5px;
	border:1px solid #bbb;
	margin:5px 0 20px 0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.input-wrapper2 {
	padding:5px;
	border:1px solid #bbb;
	margin:5px 0px 20px 0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:445px;
	
}

.input-wrapper3 {
	padding:5px;
	border:1px solid #bbb;
	margin:5px 0px 5px 0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:455px;
	
}
.input-wrapper4 {
	padding:5px;
	border:1px solid #bbb;
	margin:5px 0px 5px 0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width:405px;
	
}
.input-wrapper input, .input-wrapper textarea {
	border:none;
	background:#fff;
	width:100%;
	padding: 5px 0px 5px 5px;
	font-size: 12px;
	color: #999;
}
.input-wrapper2 input {
	border:none;
	width:445px;
	padding: 5px 0px 5px 5px;
	font-size: 12px;
	color: #999;
}
.input-wrapper3 input {
	border:none;
	width:445px;
	padding: 5px 0px 5px 5px;
	font-size: 10px;
	color: #999;
}
.input-wrapper4 input {
	border:none;
	width:405px;
	padding: 5px 0px 5px 5px;
	font-size: 10px;
	color: #999;
}
.input-wrapper textarea {
	resize:none;
	overflow-x:hidden;
	overflow-y:auto;
}

.input-wrapper2 select {
	padding: 20px;
}
.input-wrapper2 option {
	padding: 20px;
}
.input-wrapper input:focus, .input-wrapper textarea:focus , .input-wrapper2 input:focus,{
	border:none;
	outline: none;
}
.msgreceipt {
	width:100%;
	font-size: 24px;
	color:#7065B9;
	padding:10px 0px 10px 0px;
	margin-bottom: 15px;
	text-align:left;
}
#submit {
	background:url('img/abera/button-send.png') no-repeat;
	width:118px;
	height:40px;
	border:none;
	overflow:hidden;
	text-indent:-9999px;
}
#submit:hover {
	background-position: 0px -40px;
	cursor:pointer;
}
#submit:active {
	background-position: 0px -80px;
}

/*Footer*/
	
#footer-wrapper {
	background:#222;
	width:100%;
	min-width:960px;
	border-top:2px solid transparent;
	margin-top:-160px;
	position:relative;
	clear:both;
	overflow:hidden;
}
#footer {
	width:940px;
	margin:0px auto;
	text-align:left;
	padding:0 0 15px 0;
	
}
#end-credits p, #footer p {
	text-align:left;
	font-size:8pt;
	color:#888;
	padding:5px 0;
	letter-spacing:1px;
}
#footer a {
	color:#FFF;
	background:#333;
	padding:3px 5px;
	text-decoration:none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
	text-shadow:0px 1px 0px rgba(0,0,0, .5);
}
#footer a:hover {
	background:#604788;
}
#footer h5 {
	color:#fff;
	margin:0;
	text-transform:uppercase;
	letter-spacing:0.1em;
}
.footer-block {
	float:left;
	margin:20px 0;
	width:230px;
}
.footer-block ul {
	width:180px;
	list-style:none;
	margin:10px 20px 0 0;
	font-size:9pt;
	color:#888;
}
.footer-block ul li {
	margin:0 0 3px 0;
}
.footer-block ul.connect li {
	margin:10px 0;
}
#end-credits-wrapper {
	clear:both;
	width:100%;
	margin:0 0 20px 0;
	
}
#end-credits {
	width:940px;
	margin:0px auto;
	text-align:left;
	padding:5px 0;
}
#end-credits p {
	font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
	
	text-transform:uppercase;
	letter-spacing:0.1em;
	padding:0 0 10px 0;
}
#end-credits a {
	color:#aaa;
	font-weight:bold;
	text-decoration:none;
}
#end-credits a:hover {
	color:#fff;
}
#end-credits .float-right {
	float:right;
	margin:0 20px 0 0;
}

/* menus
----------------------------------------------- */

ul.menu, ul.menu ul {
  padding: 0;
  margin:0px 0px 0px 0px;
}

ul.menu a {
  display: block;
  text-decoration: none;
	
}

ul.menu li {
  margin: 2px 0px;
}

ul.menu li a {
  background:#f0f0f0 url("img/abera/abera/switch_plus.gif") 97% 50% no-repeat;
  padding: 8px 5px 8px 15px;
  color: #666;
font-weight: bold;

}

ul.menu li a:hover {
  background:#6f1c75 url("img/abera/abera/switch_abajo.gif") 97% 50% no-repeat;
  color: #fff;
}

ul.menu li ul li{
	  border-bottom: 1px dotted #ccc;
}
ul.menu li ul li a {
  background:#fff url("img/abera/lista2.png") 0% 50% no-repeat;
  color: #666;
  padding-left: 25px;
  margin:0px 0px 2px 0px;
  font-weight: normal;
text-transform: none;


}

ul.menu li ul li a:hover {
  background:#6f1c75 url("img/abera/menu_hover.jpg") 206px 50% no-repeat;
  /* border-left: 0px solid #999; */
  color: #fff;
 font-weight: bold;
 padding-left: 15px;
width:198px;
}

ul.menu li ul li .active {
  background:#6f1c75 url("img/abera/menu_hover.jpg") 206px 50% no-repeat;
  /* border-left: 0px solid #999; */
  color: #fff;
 font-weight: bold;
 padding-left: 15px;
width:198px;
}

/* SUB MENU */

#submenu {
	padding: 5px 0 25px 0;
}
#submenu ul {
	list-style-type: none;
	padding: 0px;
}
#submenu ul li {
	float: left;
	padding: 0 5px 0 5px;
}
#submenu ul li a {
	text-align: center;
	text-decoration: none;
	color: #ccc;
	display: inline;
	padding: 10px 19px;
	background: #f4f4f4;

}

#submenu ul li a:hover {
	color: #fff;
	background: #6f1c75;
	border: 0px;
	
}
#submenu ul li.activo a {
	background: #6f1c75;
	color: #fff;
	
}

/* LISTAS */

ul.circulos, ul.circulos ul {
	padding: 0;
	margin:0px 0px 0px 0px;
	font-size:13px;
}

ul.circulos li {
	background: url("img/abera/lista1.png") 0px 50% no-repeat;
	padding-left: 23px;
	margin-top: 1px;
}
ul.circulos li.verde {
	color: #9ab909;
	background: url("img/abera/eco.png") 0px 50% no-repeat;
    padding-left: 23px;
}

/* TWITTER */
#twitter_update_list li {
	 list-style-type: none;
	font-size: 12px;
	
}

#twitter_update_list a {
	  text-decoration: none;
	color: #6f1c75;
}

/* PRESUPUESTO */

#tpresupuesto {
	display:none;
}
#tdescarga {
	display:none;
}

/* MAPA */
#mapa {
	position: relative;
	float: right;
	padding: 0px 0px 15px 10px;
}

/* LOGIN */
#cajon_login { padding: 40px 0;
	background: url("img/abera/bg_form_login.jpg") 0px 0px no-repeat;
	
	}
	#cajon_error { padding: 40px 0;
		background: url("img/abera/bg_form_error.jpg") 0px 0px no-repeat;

		}
#login {
 	margin: 0 auto;
padding: 50px;
	width: 600px;
	border: 1px dotted #6f1c75;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
#error p {
margin-left: 0;
margin-bottom: 10px;
	color: #CC0000;
	font-size: 100%;
	line-height: 20px;
	
}
#login form {
	margin-left: 0;
	padding-top: 25px;
}

#login a {
	margin-left: 15px;
}

/* PANEL DE CONTROL */
.cajon_trabajo {
	margin: 30px 18px 10px 0;
	padding: 40px 5px 10px 5px;
	float: left;
	width: 141px;
	border: 1px dotted #6f1c75;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align: center;
}
.numero_trabajo {
	background: url("img/abera/globo.png") 0px 0px no-repeat;
	color:#fff;
	font-size: 18px;
	position: relative;
	top: -50px;
	left: 120px;
	width: 40px;
	height: 20px;
	padding: 10px 0;
}
.numero_trabajo_sin {
	color:#fff;
	font-size: 18px;
	position: relative;
	top: -50px;
	left: 120px;
	width: 40px;
	height: 20px;
	padding: 10px 0;
}
.diseno {
	background: url("img/abera/control/diseno.gif") 55% 20px no-repeat;;
}
.pruebas {
	background: url("img/abera/control/pruebas.gif") 50% 20px no-repeat;;
}
.produccion {
	background: url("img/abera/control/produccion.gif") 50% 20px no-repeat;;
}
.recoger {
	background: url("img/abera/control/terminados.gif") 50% 20px no-repeat;;
}
.facturas {
	background: url("img/abera/control/factura.gif") 50% 20px no-repeat;;
}
.cajon_trabajo a {
	color:#6f1c75;
	text-decoration:none;
}
.cajon_trabajo a:hover {
	border-bottom:1px dotted #6f1c75;
}
#estas p {
	color: #999;
}
#estas a {
	color: #999;
}
#estas a:hover {
	border-bottom:0;
	color: #6f1c75;
}

/* GRAFICA */

.grafica_div {
	border: 1px dotted #6f1c75;
	padding: 20px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	line-height: 20px;
	margin: 0 18px 0 0;
}
.grafica_table td{
	padding: 2px;
	font-size: 12px;
	color: #000;
}
.titulo_grafica
{
	color:;
	font-weight: bold;
	
}

/* LISTADO TRABAJOS */

.download {border-collapse:collapse; width: 100%; }
.download th,
.download td {padding: 10px;}
.download th {
	color:#fff;
	background-color:#6f1c75;
	text-align:left;
}
.download .btn {width:90px;}
.download td.proceso {text-align: center;}
.download a.btn {margin:-5px;}
.download td.alt {color:#5091cd;}
.download th.desc {width:275px;}
.download td.estado {width: 20px;}
.download td.listado {text-align: right;}

.download td.filtrar {width: 100px; text-align: left;}
.download td.encontrado {width: 210px; text-align: right;}

#texto_detalle {
padding: 10px 10px 0 10px;
}
#proceso {
text-align: left;
padding: 0 0 10px 0;
}
.on {background-color:#f4f4f4;}
.off {background-color:#ffffff;}
.on:hover, .off:hover, .artwork {background-color:#f3e6f4;}
#cajon_paginas em {
visibility: hidden;
position:absolute;
}
.numeracion {
	float: left;
}
.numeracion a {
	float: left;
	margin: 8px 4px 10px 0px;
	padding: 5px 8px;
	text-align: center;
	background: #f4f4f4;
	color: #333	;
	text-decoration:none;
}
.numeracion a:hover {
	text-decoration:none;
	background: #6f1c75;
	color: #fff;	
}

.num_activo {
	float: left;;
	margin: 8px 4px 10px 0px;
	padding: 5px 8px;
	text-align: center;
	background: #6f1c75;
	color: #fff;
}
#estado_trabajo { 
	background: #f4f4f4;
	border-left: 5px solid #6f1c75;
	margin: 20px 0px 0 0px;
	padding: 10px 20px;
	font-size: 12px;
	}
#estado_trabajo img{ 

	top: 2px;
	position: relative;
	}
#detalles_trabajo {
	border: 1px dotted #6f1c75;
	padding: 20px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	line-height: 20px;
}
#detalles_trabajo p {
	line-height: 30px;
	font-weight: normal;
}

.cancelar {
	float:right;
	width:120px;
	background:#f4f4f4;
	padding:10px;
	border-right:5px solid #6f1c75;
	text-align: center;
}
.cancelar a {
	color: #6f1c75;
	text-decoration: none;
}
.cancelar a:hover {
	color: #6f1c75;
	text-decoration: underline;
}
.filotablarojo{
	border: solid 1px #E71515;
	background-color: #FFD7D7;
	margin: 30px 0 20px 30px;
	text-align: center;
}

#advertencia {
margin: 20px 0;
padding: 30px 20px;
background-color: #FFD7D7;
border: solid 1px #E71515;

}

.button {
	width:80px;
	background:#f4f4f4;
	padding:10px;
	text-align: center;
	margin: 20px 5px;
	font-weight: bold;
	border: 1px solid #ccc;
	cursor: pointer;
}

.button:hover {
	width:80px;
	background:#6f1c75;
	padding:10px;
	color:#fff;
	text-align: center;
}
.columna {
	float:left;
	width:310px;
	margin: 0 20px 0 0;
	border-right: 1px solid #ccc;
	padding: 0 0 0 10px;
}
.columna_fin{
	float:left;
	width:285px;
	margin: 0 0px 0 10px;
}

.botones {
	float:left;
	background:#f4f4f4;
	margin: 20px 0 20px 20px;
	padding:10px 20px;
	border-left:0px solid #6f1c75;
	text-align: center;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.botones a {
	color: #6f1c75;
	text-decoration: none;
}
.botones a:hover {
	color: #6f1c75;
	text-decoration: underline;
}

/* MENSAJES */

.info, .exito, .alerta2, .error {
    font-family:Arial, Helvetica, sans-serif; 
    font-size:13px;
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.error_form {
    font-family:Arial, Helvetica, sans-serif; 
    font-size:13px;
    border: 1px solid;
    margin: 8px 0px;
    padding:10px 10px 10px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('images/info.gif');
}
.exito {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('img/abera/control/mini/aceptado.gif');
}
.alerta2 {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('images/alerta.gif');
}
.error {
    color: #CC0000;
    background-color: #FFBABA;
    background-image:url('img/abera/control/mini/error.png');

}
.error p {
    color: #CC0000;
}

.error_form {  color: #D8000C;
    background-color: #FFBABA;
    background-image: url('img/abera/control/mini/error.png');
	display: none;
}


/* FIN MENSAJES */


ul.list2 li {
	list-style-image:url('sqpurple.gif');
padding-left: 20px;


}
/* PRODUCTOS */

.producto {
	margin: 10px 0 0 0;
}
.foto_producto {
	float:left;
	width: 80px;
	height: 80px;
	border: 1px dotted #6f1c75;
	margin: 0 15px 15px 0 ;
	padding: 5px;
}
.titulo_producto {
padding: 5px 5px 10px 5px;
width: 390px;
margin-right: 10px;
float:left;
}
.titulo_producto a {
	font-size: 20px;
	text-decoration: none;
	color: #6f1c75;
	font-weight: bold;
	margin-bottom:20px;
	
}
.titulo_producto a:hover {
	text-decoration: none;
	border-bottom: none;
	color: #666;	
}
.titulo_producto p {
	margin-top: 5px;
	font-size:12px;
	color:#777;
	font-weight: normal;
	
}
.opciones {
	float:left;
	width:148px;

}
.contador {
	margin: 0px 0 20px 0;
	background: #6f1c75;
	height: 20px;
	color: #fff;
	padding:6px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	text-align: center;
}
#producto p {
	color: #666;
}
.precio_producto {
	font-size: 60px;
	font-weight: bold;
	color: #6f1c75;
	height: 50px;
	padding-top:15px;
	text-align: right;
	letter-spacing: -5px;
	
}
.precio_producto .centimos {
	font-size: 35px;
	font-weight: normal;	
}
.precio_producto .euro {
	font-size: 22px;
	font-weight: normal;
	color: #ccc;
	margin: 0 0 0 8px;
}
.contra {
	font-style: italic;
	font-weight: normal;
	color: #999;
}
#fortaleza {
	color: #999;
	position: fixed;
	margin: -20px 0px 0 100px;
	text-align:right;
	width: 300px;
	font-size:12px;
}
#fortaleza .rojo {
	color: #d31515;
}
#fortaleza .naranja {
	color: #f5a201;
}
#fortaleza .verde {
	color: #65b231;
}
/* LEGAL */
#cajon_legal { padding: 40px 0;
	background: url("img/abera/bg_form_legal.jpg") 0px 0px no-repeat;
	
	}

#legal {
 	margin: 0 auto;
	padding: 120px 50px 50px 50px;
	width: 800px;
	border: 1px dotted #6f1c75;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	font-size:12px;
	text-align:justify;
}


/* TESTIMONIOS */
#cajon_testimonios { padding: 40px 0;
	background: url("img/abera/bg_testimonios.jpg") 0px 0px no-repeat;
	
	}

#testimonios {
 	margin: 0 auto;
padding: 100px 50px 50px 50px;
	width: 800px;
	border: 1px dotted #6f1c75;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

.globo {
	margin-top: 40px;
	padding: 20px;
	background: #f4f4f4;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.nombre_globo {
	padding: 10px 10px 10px 70px;
	background: url("img/abera/pico_globo.png") 20px -7px no-repeat;
	
}
/* CONSEJOS */
#cajon_consejos { padding: 40px 0;
	background: url("img/abera/bg_consejos.jpg") 0px 0px no-repeat;
	
	}

#consejos {
 	margin: 0 auto;
padding: 120px 50px 50px 50px;
	width: 800px;
	border: 1px dotted #6f1c75;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.titulo_consejo {
	padding: 15px 20px;
	background:#6f1c75;
	color: #fff;
	font-size:18px;
	-webkit-border-top-right-radius:20px;
	-moz-border-top-right-radius:20px;
	border-top-right-radius: 20px;
	-webkit-border-top-left-radius:20px;
	-moz-border-top-leftt-radius:20px;
	border-top-left-radius: 20px;
	border-top: 1px solid #6f1c75;
	border-right: 1px solid #6f1c75;
}
.bloque_consejo {
	margin-bottom: 30px;
	padding: 20px;
	background: #f3f3f3;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-bottomp-right-radius:20px;
	border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-bottom-leftt-radius:20px;
	border-bottom-left-radius: 20px;
	border-bottom: 2px solid #ccc;
}

/* LISTAS */

ul.novedades {
	margin:0 auto;
	position: relative;
	height: 270px;
}


ul.novedades li {
	display:inline;
	float:left;
	width:194px;
	height:194px;
	
	padding:5px;
	margin:10px 5px 10px 10px;
	text-align: center;
	border: 1px solid #ccc;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	}
	
.titulo_novedad {
	position:relative;
	margin: 5px 0 0 -5px;
	padding: 8px;
	width:190px;
	background: #eaeaea;
	color: #666;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align: center;
}

ul.novedades li a{
	text-decoration:none;
	color: #666;
}
ul.novedades li:hover {
	text-decoration:none;
	border: 1px solid #999;

}
.espaciado {
	margin-top:80px;
	height: 80px;
}
#marketing {
	width: 900px;
	text-align:justify;
}
#marketing p {
	padding: 15px 20px 15px 0;
	line-height:26px;
}
#grafico {
	background: url("../images/diseno/fondo_diseno.jpg") 0px 0px no-repeat;
	width: 900px;
	height: 700px;
	text-align:justify;
}
#grafico p {
	padding: 15px 20px 15px 0;
	line-height:26px;
}
#web {
	background: url("../images/diseno/web.jpg") 0px 0px no-repeat;
	width: 900px;
	height: 800px;
	text-align:left;
}
#web p {
	padding: 15px 20px 15px 0;
	line-height:26px;
}
#fotografia {
	background: url("../images/fotografia/fondo_fotografia.jpg") 0px 0px no-repeat;
	width: 700px;
	height: 700px;
	text-align:left;
	padding-right: 220px;
	
}
#fotografia p {
	padding: 15px 20px 15px 0;
	line-height:26px;
}

#video {
	background: url("../images/fotografia/video.gif") 0px 0px no-repeat;
	width: 900px;
	height: 700px;
	text-align:justify;
}
#video p {
	padding: 15px 20px 15px 0;
	line-height:26px;
}
#equipo {
	background: url("../images/diseno/fondo_diseno2.jpg") 0px 0px no-repeat;
	width: 900px;
	height: 990px;
	text-align:justify;
}
#equipo p {
	padding: 15px 20px 15px 0;
	line-height:26px;
}
.destacado {
	color:#6f1c75; 
	font-size:18px; 
	font-style: italic; 
	text-align:center;
}

/* SELECT */ 

.dk_container {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
  background: -moz-linear-gradient(top, #fff, #f5f5f5);
  background: -o-linear-gradient(top, #fff, #f5f5f5);
  background-color: #f5f5f5;
  font-family: 'Helvetica', Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  margin-top: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
  .dk_container:focus {
    outline: 0;
  }
  .dk_container a {
    cursor: pointer;
    text-decoration: none;
  }

  .dk_container a:hover {
    cursor: pointer;
    text-decoration: none;
color: #612273;
  }

/* Opens the dropdown and holds the menu label */
.dk_toggle {
  /**
   * Help: Arrow image not appearing
   * Try updating this property to your correct dk_arrows.png path
   */
  background-image: url('img/abera/dk_arrows.png');
  background-repeat: no-repeat;
  background-position: 90% center;
  border: 1px solid #ccc;
  color: #333;
  padding: 7px 45px 7px 10px;
  text-shadow: #fff 1px 1px 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-transition: border-color .5s;
  -moz-transition: border-color .5s;
  -o-transition: border-color .5s;
  transition: border-color .5s;
}
  .dk_toggle:hover {
    border-color: #8c8c8c;
  }
  /* Applied when the dropdown is focused */
  .dk_focus .dk_toggle {
    border-color: #612273;
  }
  .dk_focus .dk_toggle {
    box-shadow: 0 0 5px #612273;
    -moz-box-shadow: 0 0 5px #612273;
    -webkit-box-shadow: 0 0 5px #612273;
  }

/* Applied whenever the dropdown is open */
.dk_open {
  box-shadow: 0 0 5px #612273;
  -moz-box-shadow: 0 0 5px #612273;
  -webkit-box-shadow: 0 0 5px #612273;
  /**
   * Help: Dropdown menu is covered by something
   * Try setting this value higher
   */
  z-index: 10;
}
  .dk_open .dk_toggle {
    background-color: #ececec;
    border-color: #8c8c8c;
    color: #ccc;
    box-shadow: inset 0 -2px 5px #ccc;
    border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
  }

/* The outer container of the options */
.dk_options {
  box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
  -moz-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
  -webkit-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
}
  .dk_options a {
    background-color: #fff;
    border-bottom: 1px solid #999;
    font-weight: bold;
    padding: 8px 10px;
  }
  .dk_options li:last-child a {
    border-bottom: none;
  }
  .dk_options a:hover,
  .dk_option_current a {
    background-color: #612273;
    border-bottom-color: #612273;
    color: #fff;
    text-decoration: none;
    text-shadow: rgba(0, 0, 0, .5) 0 1px 0;
  }

/* Inner container for options, this is what makes the scrollbar possible. */
.dk_options_inner {
  border: 1px solid #8c8c8e;
  border-bottom-width: 2px;
  border-bottom-color: #999;
  color: #333;
  max-height: 250px;
  text-shadow: #fff 0 1px 0;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
}

/* Set a max-height on the options inner */
.dk_options_inner,
.dk_touch .dk_options {
  max-height: 250px;
}

/******  End Theme ******/


.dk_container {
  display: none;
  float: left;
  position: relative;
}
  .dk_container a {
    outline: 0;
  }

.dk_toggle {
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline;
  position: relative;
  zoom: 1;
}

.dk_open {
  position: relative;
}
  .dk_open .dk_options {
    display: block;
  }
  .dk_open .dk_label {
    color: inherit;
  }

.dk_options {
  display: none;
  margin-top: -1px;
  position: absolute;
  right: 0;
  width: 100%;
}
  .dk_options a,
  .dk_options a:link,
  .dk_options a:visited {
    display: block;
  }
  .dk_options_inner {
    overflow: auto;
    position: relative;
  }

.dk_touch .dk_options {
  overflow: hidden;
}

.dk_touch .dk_options_inner {
  max-height: none;
  overflow: visible;
}

.dk_fouc select {
  position: relative;
  top: -99999em;
  visibility: hidden;
}