@import url(http://fonts.googleapis.com/css?family=Terminal+Dosis);

/* --------------------------- */
/* --------- 1. RESET -------- */
/* --------------------------- */

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section { display:block;}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

body { font:13px/18px Arial, Helvetica, sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family:monospace, sans-serif; }

a:hover, a:active { outline:none; }
ol { list-style-type:decimal; }
nav ul, nav li { margin:0; list-style:none; list-style-image:none; }
small { font-size:85%; }
strong, th { font-weight:bold; }
td { vertical-align:top; }

sub, sup { font-size:75%; line-height:0; position:relative; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }

pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; padding:15px; }
textarea { overflow:auto; }
.ie6 legend, .ie7 legend { margin-left:-7px; } 
input[type="radio"] { vertical-align:text-bottom; }
input[type="checkbox"] { vertical-align:bottom; }
.ie7 input[type="checkbox"] { vertical-align:baseline; }
.ie6 input { vertical-align:text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor:pointer; }
button, input, select, textarea { margin:0; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { border-radius:1px; -moz-box-shadow:0px 0px 5px red; -webkit-box-shadow:0px 0px 5px red; box-shadow:0px 0px 5px red;  behavior:url(http://www.controldg.com/css/PIE.htc);}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color:#f0dddd; }

::-moz-selection{ background:rgba(0, 0, 0, 0.5); color:#fff; text-shadow:none; behavior:url(http://www.controldg.com/css/PIE.htc); }
::selection { background:rgba(0, 0, 0, 0.5); color:#fff; text-shadow:none; behavior:url(http://www.controldg.com/css/PIE.htc); }
a:link { -webkit-tap-highlight-color:rgba(0, 0, 0, 0.5); behavior:url(http://www.controldg.com/css/PIE.htc); }

button { width:auto; overflow:visible; }
.ie7 img { -ms-interpolation-mode:bicubic; }


body {  color:#fff; background-color:#333; font:16px/18px 'Terminal Dosis', sans-serif; background:#555555;  *overflow:hidden; _overflow:hidden;  }

select, input, textarea { color:#333; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; line-height: normal; }
a, a:active, a:visited { color:#000; text-decoration:none; }
a:hover { color:rgba(0, 0, 0, 0.7); }

/* --------------------------- */
/* --------- 2. MAIN --------- */
/* --------------------------- */

#wrap {
	min-height: 740px;
	min-width: 960px;
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background:url(../images/bgr_shadow.png) no-repeat 50% 50%, url(../images/fnd-cmyk.png) no-repeat right top, url(../images/fnd-cmyk2.png) no-repeat left bottom transparent;
    -pie-background:url(http://www.controldg.com/images/bgr_shadow.png) no-repeat 50% 50%, url(http://www.controldg.com/images/fnd-cmyk.png) no-repeat right top, url(http://www.controldg.com/images/fnd-cmyk2.png) no-repeat left bottom transparent;
    behavior:url(http://www.controldg.com/css/PIE.htc);
	
}
#home {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background: url(../images/bgr_pattern2.png) repeat 50% 50%;
}
#home .header {
	left: 50%;
    margin: -300px 0 0 -480px;
    position: absolute;
    top: 50%;
    width: 960px;
}
.content_box {
	overflow :hidden;
	width: 940px;
	height: 530px;
	margin: -290px 0 0 -495px;
	position: absolute;
	top: 50%;
	padding: 25px;
	left: 50%;
}

 .content_box h1 {
	 border-bottom: 2px solid #FBFBFB;
    color: #FFFFFF;
    font-size: 42px;
    text-transform: uppercase;
 }
 .content_box h1 .glob { 
 	float: right;
    font-size: 19px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    right: 18px;
    text-transform: none;
    top: 20px;
    width: 50px;
	background-color: #333333;
 }

/* --------------------------- */
/* --------- 3. HOME --------- */
/* --------------------------- */

#home {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background: url(../images/bgr_pattern2.png) repeat 50% 50%;
}
#home .header {
	left: 50%;
    margin: -300px 0 0 -480px;
    position: absolute;
    top: 54%;
    width: 960px;
}

	/* ------- 3-1. LOGO --------- */
	#logo {
		display: block;
		margin: 0 auto;
		width: 740px;
		height: 85px;
		/*background: url(../images/logo.png) no-repeat;*/
		/*text-indent: -999em;*/
		font-family:'RobotoThRegular', Arial;
		font-size: 70px;
		text-align: center;
		text-transform:inherit !important;
		
	}
	#slogan {
		border-bottom: 2px solid rgba(255, 255, 255, 0.62);
		
		font-family: 'RobotoThRegular', Arial;
		color: #ccc;
		font-size: 17px;
		letter-spacing: 0.07em;
		margin: -12px auto 0;
		padding: 0 0 15px;
		position: relative;
		text-align: center;
		text-transform: inherit !important;
		width: 740px;
		
		behavior:url(http://www.controldg.com/css/PIE.htc);
		}
	
	.glob { /*Forma*/ 
		background: none repeat scroll 0 0 #333333;
		border-radius: 50px 50px 50px 0;
		color: #FFFFFF;
		content: "";
		font-size: 28px;
		height: 70px;
		line-height: 63px;
		padding-right: 5px;
		position: absolute;
		right: 225px;
		text-align: center;
		top: -45px;
		width: 65px;
		
		behavior:url(http://www.controldg.com/css/PIE.htc);
			
	}
	
	/* ----- 3-2. SHARE BOX ------ */
	.share_box {
		position: absolute;
		top: 52px;
		left: -230px;
		font-family: 'WebSymbolsRegular', cursive;
		z-index: 50;
		opacity: 0.5;
		filter: alpha(opacity=50);
		font-size: 16px;
		overflow: hidden;
		height: 40px;
		color: #000;
		text-align: center;
		line-height: 40px;
		background: #fff;
		-webkit-transition: all 300ms linear;
		-moz-transition: all 300ms linear;
		-o-transition: all 300ms linear;
		-ms-transition: all 300ms linear;
		transition: all 300ms linear;
	}
	.share_box:hover {
		left: 0;
		opacity:0.8;
	}
	.share_box ul {
		display: inline-block;
		padding: 0 0 0 10px;
		width: 220px;
		overflow: hidden;
	}
	.share_box li {
		display: inline-block;
		padding: 0 5px;
		list-style: none;
		font-size: 22px;
	}
	.share_box .btn_share {
		font-family: 'WebSymbolsRegular', cursive;
		overflow: hidden;
		height: 40px;
		width: 40px;
		float: right;
		text-align: center;
		cursor: default;
		line-height: 40px;
		background: #fff;
	}
	.share_box .f:hover { color:#3B5998; opacity: 0.9 }
	.share_box .g:hover { color:#D94736; opacity: 0.9 }
	.share_box .flickr { background:url(../images/flickr.png) no-repeat center center transparent; width:24px; height:15px; display:block }
	.share_box .flickr:hover { background:url(../images/flickr2.png) no-repeat center center transparent; width:24px; height:15px;  display:block }
	.share_box .s:hover { color:#00AFF0; opacity: 0.9 }
	.share_box .t:hover {color:#00C5F9; opacity:0.9 }
	.share_box .in:hover {color:#3893C4; opacity:0.9 }

	/* ----- 3-3. NAVIGATION ----- */
	nav {
		height: 260px;
		position: absolute;
		top: 56%;
		left: 50%;
		width: 960px;
		margin: -185px 0 0 -480px;
	}
	nav ul {
		overflow: hidden;
		text-align: center;
		padding: 40px 0;
		margin: -40px 0;
		width: 960px;
	}
	nav li {
		width: 175px;
		opacity: 0.7;
		filter: alpha(opacity=70);
			-webkit-transition: all .2s ease-in-out;
		    -moz-transition: all .2s ease-in-out;
		    -o-transition: all .2s ease-in-out;
		    -ms-transition: all .2s ease-in-out;
		   transition: all .2s ease-in-out;
		height: 250px;
		overflow: hidden;
		position: relative;
		display: inline-block;
		background: #fff;
		margin-right: 10px;
	}
	nav li:last-child {
		margin-right: 0px;
	}
	nav li a {
		width: 100%;
		height: 100%;
		display: block;
		color: #000;
		position: relative;
	}
	nav li .ca-icon {
		font-family: 'WebSymbolsRegular', cursive;
		font-size: 60px;
		color: #333;
		text-shadow: 0px 0px 1px #333;
		line-height: 150px;
		position: absolute;
		width: 100%;
		height: 50%;
		left: 0px;
		top: 0px;
		text-align: center;
		
		behavior:url(http://www.controldg.com/css/PIE.htc);
	}
	nav li .ca-main {
		font-size: 30px;
		color: #000;
		opacity: 0.8;
		filter: alpha(opacity=80);
		position: absolute;
		width: 100%;
		text-transform: uppercase;
		top: 158px;
		left:0;
		text-align:center;
	}
	nav li:hover {
		z-index:999;
		-webkit-transform:scale(1.1);
		-moz-transform:scale(1.1);
		-ms-transform:scale(1.1);
		-o-transform:scale(1.1);
		transform:scale(1.1);
		
	}
	
	
	/*Color Segun Seccion*/
		/*Color Segun Seccion*/
	nav li.nosotros { border-bottom:10px solid #0093DD  }
	nav li.servicios { border-bottom:10px solid #EB2C8F }
	nav li.portfolio { border-bottom:10px solid #FFFF00 }
	nav li.contacto { border-bottom:10px solid #000000 }
	
	nav li:hover.nosotros { background-color:#0093DD; opacity: 0.8;		filter: alpha(opacity=90); border-bottom:10px solid #0093DD  }
	nav li:hover.servicios { background-color:#EB2C8F; opacity: 0.8;		filter: alpha(opacity=90); border-bottom:10px solid #EB2C8F }
	nav li:hover.portfolio { background-color:#FFFF00; opacity: 0.8;		filter: alpha(opacity=90); border-bottom:10px solid #FFFF00; }
		nav li:hover.portfolio .ca-main {  color: #555 !important }
	nav li:hover.contacto { background-color:#000000; opacity: 0.8;		filter: alpha(opacity=90); border-bottom:10px solid #000000 }
	
	
	nav li:hover .ca-icon {
		color:#fff;
		font-size:80px;
		filter:alpha(opacity=80);
		opacity:0.8;
	}
	nav li:hover .ca-main {
		color:#fff;
		top: 152px;
	}

/* --------------------------- */
/* -------- 4. INNER --------- */
/* --------------------------- */

#section_load {
	position: absolute;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 10;
	
	background:url(../images/bgr_shadow.png) no-repeat 50% 50%, url(../images/fnd-cmyk.png) no-repeat right top, url(../images/fnd-cmyk2.png) no-repeat left bottom #555555;
    -pie-background:url(../images/bgr_shadow.png) no-repeat 50% 50%, url(../images/fnd-cmyk.png) no-repeat right top, url(../images/fnd-cmyk2.png) no-repeat left bottom #555555;
    behavior:url(http://www.controldg.com/css/PIE.htc);

}

.about { background-color: #DB503F !important }
.services { background-color: #C3208F !important }
.work { background-color: #7A7A7A !important }
.contact { background-color: #E8901F !important }




#section_load:before, #section_load:after {
	content: "";
	position: absolute;
	top: 0;
	left: -23px;
	width: 23px;
	height: 100%;
	background: url(../images/bgr_shadow_w.png) repeat-y 0 0;
}
#section_load: before {
	background-position: -23px 0;
	left: auto;
	right: -23px;
}
#section_load .inner_wrap {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/bgr_pattern2.png) repeat 50% 50%;
}

	/* ------ 4-1. BACK BTN ------ */
	#back {
		opacity: 0.5;
		filter: alpha(opacity=50);
		background: none repeat scroll 0 0 #FFFFFF;
		color: #333333;
		display: block;
		font-family: 'WebSymbolsRegular',cursive;
		font-size: 104px;
		height: 130px;
		left: 20px;
		line-height: 110px;
		margin: -65px 0 0;
		overflow: hidden;
		position: absolute;
		text-align: center;
		text-shadow: 0 0 1px #333333;
		top: 45%;
		width: 71px;
		z-index: 9999;
			
		behavior:url(http://www.controldg.com/css/PIE.htc);
	}
	.finished #back {
		position: fixed;
	}
	.ie #back {
		line-height: 55px;
	}
	.ie9 #back {
		line-height: 62px;
	}
	#back:hover {
		background: #000;
		color: #fff;
	}

/* --------------------------- */
/* ------ 5. TYPHOGRAPHY ----- */
/* --------------------------- */

h1 {
	font-size:42px;
	color:#fff;
	text-transform:uppercase;
}
h2 {
	font-size:20px;
	padding:0 0 20px;
	color:#fff;
}
h2 strong {
	color:#000;
	font-weight:normal;
}
.entry {
	height:390px;
	color:#eeeeee;
}
.entry p {
	padding:0 0 18px;
}
.entry h2 {
	font-size:20px;
	padding:0 0 20px;
	color:#fff;
}
.entry h3 {
	font-size:18px;
	padding:0 0 20px;
	color:#fff;
}
.entry h4 {
	font-size:16px;
	padding:0 0 20px;
	text-transform:uppercase;
	color:#000;
}
.entry .dropcap {
	float:left;
	font-size:41px;
	padding:8px 10px 0 0;
}
.entry blockquote {
	font-style:italic;
	background:url(../images/bgr_quote.png) no-repeat 0 0;
	padding:0 0 0 25px;
}
.entry ul {
	padding:0 0 10px 14px;
}
.entry ul li {
	padding:0 0 10px 30px;
	line-height:20px;
	position:relative;
	list-style:none;
	cursor:default;
	margin:0;
}
/*.entry ul li:before {
	width:10px;
	height:10px;
	content:'\0000a0';
	position:absolute;
	left:4px;
	top:5px;
	background:rgba(0, 0, 0, 0.5);
}*/
.entry .highlight {
	color:#000;
	background:rgba(255, 255, 0, 0.7);
}
.entry .highlight.dark {
	background:rgba(0, 0, 0, 0.5);
	color:#FFF;
}
.entry img {
	display:block;
}
.entry .left_image {
	padding:0 18px 18px 0;
	float:left;
}
.entry .right_image {
	padding:0 0 18px 18px;
	float:right;
}
.entry .table_style {
	padding:2px 0 24px;
}
.entry .table_style table {
	text-align:left;
	border-collapse:collapse;
	width:100%;
	padding:0;
	margin:0;
}
.entry .table_style th {
	text-align:center;
	padding:10px 9px;
	font-size:18px;
	font-weight:normal;
	color:#fff;
	border-bottom:1px solid rgba(0, 0, 0, 0.1);
	background:url(../images/bgr_scroller.png) repeat;
}
.entry .table_style tbody {
	background:url(../images/bgr_scroller.png) repeat;
}
.entry .table_style td {
	text-align:center;
	padding:9px 10px;
}
.entry .table_style tbody tr:hover td {
	background:url(../images/bgr_scroller.png) repeat;
}

/* --------------------------- */
/* ------ 6, ABOUT PAGE ------ */
/* --------------------------- */

.about_content .text_content {
	float:left;
	width:100%;
}
.about_content.full_width .text_content {
	float:none;
	width:940px;
}
.about_content.full_width .text_content .entry {
	padding:0 0 40px;
}
.about_content .image_content {
    float: right;
    margin: -40px 10px 0;
    width: auto;
}
.about_content .image_content img {
    width: 360px;
	display:block;
	-moz-box-shadow:0 0 25px rgba(0, 0, 0, 0.75);
	-webkit-box-shadow:0 0 25px rgba(0, 0, 0, 0.75);
	box-shadow:0 0 25px rgba(0, 0, 0, 0.75);
	
	behavior:url(http://www.controldg.com/css/PIE.htc);
}

.about_content h2 {    
    float: left;
    margin: 22px 0 0;
    text-transform: uppercase;
    width: 56%;
	 }

.about_content .entry {
	float: left;
    height: 390px;
    width: 56%;
	font-size:17px;
}

/* --------------------------- */
/* ------- 7, BLOG PAGE ------ */
/* --------------------------- */

.blog_content h1 {
	padding:0 0 20px;
}
.blog_content h2 {
	font-size:30px;
	padding:0 0 5px;
	color:#fff;
}
.blog_content h3 {
	font-size:18px;
	padding:0 0 20px;
	color:#fff;
}
.blog_content h3 strong {
	color:#000;
	font-weight:normal;
}
.blog_content .posts {
	float:left;
	width:940px;
}
.blog_content .post {
	float:left;
	width:940px;
}
.blog_content .text_content {
	float:left;
	width:480px;
	height:310px;
}
.blog_content .text_content .entry {
	height:325px;
}
.blog_content .post_full .text_content {
	width:940px;
}
.blog_content .image_content {
	float:right;
}
.blog_content .image_content img {
	display:block;
	height:325px;
	width:400px;
	cursor:pointer;
	-moz-box-shadow:0 0 25px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:0 0 25px rgba(0, 0, 0, 0.5);
	box-shadow:0 0 25px rgba(0, 0, 0, 0.5);
	
	behavior:url(http://www.controldg.com/css/PIE.htc);
}
.blog_content .image_content img.click {
	cursor:pointer;
}

/* --------------------------- */
/* ------- 8. WORK PAGE ------ */
/* --------------------------- */

.work_content ul {
	margin:-10px -80px -50px -40px;
	overflow:hidden;
	padding:5px 0 0 40px;
}

.slides { height:470px !important}

.ie7 .work_content ul {
	width:1200px;
}
.work_content .pagination_nav {
	right:4px;
}
.work_content li {
	margin:23px;
	background: url(../images/trans-negro.png);
    box-shadow: 0 0 17px #555;
    float: left;
    list-style: none outside none;
    width: 267px;
	overflow:hidden;
	opacity:0.5;
	filter:alpha(opacity=50);
/*	background:url(../images/bgr_work_item.png) no-repeat;*/

	behavior:url(http://www.controldg.com/css/PIE.htc);
}

.work_content li:hover { background:rgba(85,85,85, 1) !important; opacity:1; filter:alpha(opacity=100);}

.work_content li a {
	float:left;
	height:176px;
	margin: 5px;
    width: 257px;
	position:relative;
	
}
.work_content li img {
	margin:0;
	padding:0;
	height:176px;
    width: 256px;
	display:block;
}
.work_content li a:hover:after {
	content:"";
	float:left;
	width: 230px;
	background:rgba(255,255,0, 0.5);
	position:absolute;
	top:0;
	left:0;
	
	behavior:url(http://www.controldg.com/css/PIE.htc);
}

/* --------------------------- */
/* ----- 9. SERVICES PAGE ---- */
/* --------------------------- */

.services_content ul {    font-family: 'Terminal Dosis',Arial;    list-style: none outside none;    margin: 0 auto;    padding: 0;    width: 880px;}
.services_content li {    float: left;    font-family: 'Terminal Dosis',Arial;    height: 345px;   list-style: none outside none !important;    margin: 0 20px !important;    padding: 0 10px !important;    width: 160px;}
.services_content li img {  background-color: #EEEEEE; box-shadow: 0 0 7px #333333; margin:0 0 15px 0; width:156px; height:218px; behavior:url(http://www.controldg.com/css/PIE.htc); }
.services_content li h3 {  
	background: none repeat scroll 0 0 rgba(107, 36, 117, 0.3);
    font-size: 15px;
    height: 20px;
    letter-spacing: 1px;
    margin: 5px 0;
    padding: 2px 0;
    text-align: center;
    text-transform: uppercase;
    width: 171px;
    z-index: 500;
	
	behavior:url(http://www.controldg.com/css/PIE.htc);}

.services_content .list_content {
    float: right;
    padding: 51px 0 0;
    width: 300px;
}
.services_content .list_content li {
	padding:0 0 10px 30px;
	position:relative;
	list-style:none;
	cursor:default;
	margin:0;
}
.services_content .list_content li:before {
	width:10px;
	height:10px;
	content:'\0000a0';
	position:absolute;
	left:4px;
	top:5px;
	background:rgba(0, 0, 0, 0.5);
	
	behavior:url(http://www.controldg.com/css/PIE.htc);
}

/* --------------------------- */
/* ---- 10, CONTACT PAGE ----- */
/* --------------------------- */

.contact_content .text_content {
	float:left;
	width:960px;

}
.contact_content .entry {
	width:360px;
	font-size:18px;
}
.contact_content .entry p {
   	display: block;
    line-height: 25px;
    padding: 0 0 16px;
    text-align: right;
}
.contact_content .entry span {
	background-color: rgba(0, 0, 0, 0.55);
	padding: 0 8px;
	
	behavior:url(http://www.controldg.com/css/PIE.htc);
}
.contact_content .contact-left {
    border-right: 1px solid #A56818;
    float: left;
    height: 280px;
    padding: 20px 25px;
}
.contact_content .form-drc {
    float: left;
    padding: 10px 25px; }
	
	
.contact_content p.note {
	line-height:22px;
	margin:7px 0 70px 0;
}
.contact_content form {
	position:relative;
}
.contact_content form fieldset {
	position:relative;
}
.contact_content .notification_ok {
	width:360px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:14px;
	height:18px;
	padding:8px 0;
	line-height:18px;
	background:rgba(0, 0, 0, 0.5);
}
.contact_content .name_border, .contact_content .email_border, .contact_content .message_border {
	width:344px;
	display:block;
	position:absolute;
	top:0;
	opacity:0.5;
	filter:alpha(opacity=50);
	padding:8px;
	height:18px;
	left:0;
	background:#F00;
}
.contact_content .name_border {
	top:0;
}
.contact_content .email_border {
	top:49px;
}
.contact_content .message_border {
	height:117px;
	top:98px;
}
.contact_content form input[type=text] {
	background:rgba(0, 0, 0, 0.5);
	border:0;
	display:block;
	width:344px;
	position:relative;
	z-index:9;
	margin:0 0 15px;
	padding:8px;
	height:18px;
	color:rgba(225, 225, 225, 0.7);
	font-size:12px;
	line-height:18px;
	border-radius:5px;
	
	box-shadow:0 2px 4px #000000 inset;
	behavior:url(http://www.controldg.com/css/PIE.htc);
}
.contact_content form input[type=submit] {
	background:rgba(225, 225, 225, 0.5);
	border:0;
	border-radius:5px;
	display:block;
	position:relative;
	z-index:9;
	float:left;
	cursor:pointer;
	margin:0;
	height:30px;
	padding:0 10px;
	color:rgba(0, 0, 0, 0.7);
	font-size:15px;
	line-height:30px;
	width: 100px;
    box-shadow: 0 0 2px ;
	font-family:'Terminal Dosis', Arial;
	
	behavior:url(http://www.controldg.com/css/PIE.htc);
}
.contact_content form input[type=submit]:hover {
	background-color:rgba(0, 0, 0, 0.5);
	color:#fff;
}
.contact_content form textarea {
	background:rgba(0, 0, 0, 0.5);
	border:0;
	position:relative;
	z-index:9;
	display:block;
	width:344px;
	margin:0 0 15px;
	padding:8px;
	resize:none;
	height:117px;
	color:rgba(225, 225, 225, 0.7);
	font-size:12px;
	line-height:18px;
	border-radius:5px;
	
	box-shadow:0 2px 4px #000000 inset;
	behavior:url(http://www.controldg.com/css/PIE.htc);
}

/* --------------------------- */
/* ------- 11. FOOTER -------- */
/* --------------------------- */

#footer-container {
	position:fixed;
	background-color:rgba(0, 0, 0, 0.2);
	bottom:0;
	border-top:1px solid rgba(0, 0, 0, 0.3);
	box-shadow:0 0px 5px #333333 inset;
	left:0;
	width:100%;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding:15px 0;
	text-align:center;
	color:#fff;
	z-index:99;
	
	behavior:url(http://www.controldg.com/css/PIE.htc);
}
.ie7 #footer-container, .ie8 #footer-container {
	border:0;
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#30000000, endColorstr=#30000000);
	zoom:1;
}
#footer-container p, #footer-container ul, #footer-container li {
	display:inline;
}
#footer-container ul li {
	padding:0 5px;
}
#footer-container a.home {
	margin:0 4px 0 15px;
}



#footer-container a.home:before {
	display:inline;
	/*content:"·";*/
	position:relative;
	left:-8px;
	color:#fff;
}
#footer-container a {
	color:#fff;
	font-weight: 700;
}
#footer-container a.current {
    border-bottom: 1px dotted;
	color: #000000;
    
}

#footer-container a:hover {
	border-bottom: 1px dotted;
    color: #CCCCCC;
    
}

/* --------------------------- */
/* ------ 12. PAGINATION ----- */
/* --------------------------- */

.pagination_nav {
    float: right;
    height: 30px;
    padding: 0 15px;
    z-index: 9;
}
.pagination_nav .innernav {
	float:left;
}
.pagination_nav a {
	float:left;
	opacity:0.5;
	filter:alpha(opacity=50);
	overflow:hidden;
	position:relative;
	margin:0 0 0 10px;
	float:left;
	background:#fff;
	position:relative;
	font-size:15px;
	color:#333;
	text-shadow:0px 0px 1px #333;
	line-height:30px;
	width:30px;
	height:30px;
	text-align:center;
	
	behavior:url(http://www.controldg.com/css/PIE.htc);
}
.pagination_nav a.next, .pagination_nav a.prev {
	font-family:'WebSymbolsRegular', cursive;
	font-size:20px;
	line-height:27px;
}
.ie .pagination_nav a.next, .ie .pagination_nav a.prev {
	line-height:31px;
}
.pagination_nav a.activeSlide, .pagination_nav a:hover {
	background-color:rgba(0, 0, 0, 0.5);
	z-index:999;
	color:#fff;
	opacity:0.8;
	filter:alpha(opacity=80);
	
	behavior:url(http://www.controldg.com/css/PIE.htc);
}
.pagination_nav a.next {
	float:right;
}

/* --------------------------- */
/* --- 13. jQuery SCROLLBAR -- */
/* --------------------------- */

.jspContainer {
	overflow:hidden;
	position:relative;
}
.jspPane {
	position:absolute;
	overflow:hidden;
	outline:none;
}
.jspScrollable {
	outline:none;
}
.jspVerticalBar {
	position:absolute;
	top:0;
	right:0;
	width:10px;
	height:100%;
}
.jspTrack {
	background:url(../images/bgr_scroller.png) repeat;
	position:relative;
}
.jspDrag {
	background:url(../images/bgr_scroller.png) repeat;
	position:relative;
	top:0;
	left:0;
	cursor:pointer;
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
	float:left;
	height:100%;
}
.jspHorizontalBar {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:10px;
	background:url(../images/bgr_scroller.png) repeat;
}
.jspHorizontalBar .jspCap {
	float:left;
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
	float:left;
	background:url(../images/bgr_scroller.png) repeat;
	height:100%;
}

/* --------------------------- */
/* ----- 14. PRINT MEDIA ----- */
/* --------------------------- */

@media print {
	* { background:transparent !important; color:black !important; text-shadow:none !important; filter:none !important;
	-ms-filter:none !important; } 
	a, a:visited { color:#444 !important; text-decoration:underline; }
	a[href]:after { content:" (" attr(href) ")"; }
	abbr[title]:after { content:" (" attr(title) ")"; }
	.ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }  
	pre, blockquote { border:1px solid #999; page-break-inside:avoid; }
	thead { display:table-header-group; }
	tr, img { page-break-inside:avoid; }
	@page { margin:0.5cm; }
	p, h2, h3 { orphans:3; widows:3; }
	h2, h3{ page-break-after:avoid; }
	.share_box, #back{ display:none; }
}

/* --------------------------- */
/* ------ 15. FONT-FACE ------ */
/* --------------------------- */

@font-face {
	font-family:'WebSymbolsRegular';
	src:url('fonts/websymbols-regular-webfont.eot');
	src:url('fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/websymbols-regular-webfont.woff') format('woff'),
		url('fonts/websymbols-regular-webfont.ttf') format('truetype'),
		url('fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
	font-weight:normal;
	font-style:normal;
}
@font-face {
    font-family: 'RobotoThRegular';
    src: url('fonts/roboto-thin-webfont.eot');
    src: url('fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-thin-webfont.woff') format('woff'),
         url('fonts/roboto-thin-webfont.ttf') format('truetype'),
         url('fonts/roboto-thin-webfont.svg#RobotoThRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ----------------------------- */
/* ------ 16.EFECTO FOTOS ------ */
/* ---------------------------- */

.image_stack img { /* css style for photo stack */
	border: none;
	text-decoration: none;
	position: absolute;
	margin-left:0px;
	width: 156px;
	height: 218px;
}
.image_stack { /* css style for photo stack */
    height: 237px;
    position: relative;
    width: 170px;
	margin:0 0 0 -7;
}
.image_stack img { /* css style for photo stack */
	position: absolute;
	border: 3px solid #FFF;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
	z-index: 200;
	/* Firefox */
	-moz-transition: all 0.2s ease;
	/* WebKit */
	-webkit-transition: all 0.2s ease;
	/* Opera */
	-o-transition: all 0.2s ease;
	/* Standard */
	transition: all 0.2s ease;
	
	behavior:url(http://www.controldg.com/css/PIE.htc);
}
.image_stack #foto1 {  /* position of last photo in the stack */
	top: 8px;
	left: 8px;
}
.image_stack #foto2 {/* position of middle photo in the stack */
	top: 6px;
	left: 4px;
}
.image_stack #foto3 {/* position of first photo at the top in the stack */
	top: 4px;
	left: 0px;
	right: 100px;
}
.image_stack .rotate1 {/* rotate last image 15 degrees to the right */
	-webkit-transform: rotate(15deg); /* safari and chrome */
	-moz-transform: rotate(15deg);/*firefox browsers */
	transform: rotate(15deg);/*other */
	-ms-transform:rotate(15deg); /* Internet Explorer 9 */
	-o-transform:rotate(15deg); /* Opera */
}
.image_stack .rotate2 {/* css not used*/
	-webkit-transform: rotate(0deg); /* safari and chrome */
	-moz-transform: rotate(0deg);/*firefox browsers */
	transform: rotate(0deg);/*other */
	-ms-transform:rotate(0deg); /* Internet Explorer 9 */
	-o-transform:rotate(0deg); /* Opera */
}
.image_stack .rotate3 {/*rotate first image 15 degrees to the left*/
	-webkit-transform: rotate(-15deg); /* safari and chrome */
	-moz-transform: rotate(-15deg); /*firefox browsers */
	transform: rotate(-15deg);/*other */
	-ms-transform:rotate(-15deg); /* Internet Explorer 9 */
	-o-transform:rotate(-15deg); /* Opera */
}