@charset "utf-8";
/*------------------------------------------------------

Theme Name: Studio 8 - version 1.2
Type: Core css

CSS overview: 

	1. Resets
	2. Backgorund
	3. Main Elements
		i.gobal wrapper
		ii.sidebar +content
	4. Menu
	5. Theme elements
		i.portfolio
		ii.blog
		iii. form elements
		iv.pagination
	6. Footer
	7. Links
	8. Typography
	9. Standard Elements
		i.buttons
		ii.columns
		iii. highlights
		iv.boxes
		v.media frames
		vi.lists
		vii.content lists
		viii.blockquotes
		ix. social
		x. divs
	10. Misellaneous
		
		

---------------------------------------------------------*/

/*--------------------------------------------------------
	1.RESETS
--------------------------------------------------------*/

	*{margin:0px;padding:0px;}
	html, body, div, h1, h2, h3, ul, ol, li, dt, p, table, th, td ,img{ margin: 0; padding: 0;border:none }
	
	/*--------------------------------------------------------
	FONT-FACE
--------------------------------------------------------*/
	
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('font/BebasNeue-webfont.eot');
    src: url('font/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/BebasNeue-webfont.woff') format('woff'),
         url('font/BebasNeue-webfont.ttf') format('truetype'),
         url('font/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*--------------------------------------------------------
	2.BACKGROUND
--------------------------------------------------------*/


	html,body{width:100%;height:100%; overflow:hidden;}
	body{background:#000;}
	
	.button-small, .button-medium, .button-large{outline: none;overflow: visible;cursor: pointer;}
	.button-small:hover, .button-medium:hover, .button-large:hover{text-decoration:none;}


/*--------------------------------------------------------
	3.MAIN ELEMENTS
--------------------------------------------------------*/

	/*----------------------------
	i.-- global wrapper
	-----------------------------*/
	
	#wrapper{width:100%; height:100%; overflow:auto;}
	
	
	/*----------------------------
	ii.-- sidebar + main content 
	-----------------------------*/
	
	/*NOTE :  settting #sidebar & #content-wrapper to display:none hides content fully, will not be visible for non js users*/
	#sideBar{width:180px;height:auto;overflow:hidden; position:fixed; z-index:10;left:20px; top:0; margin-right:20px;/*display:none;*/}
	#sideBar #inner{width:180px; height:auto; overflow:hidden;}
	#sideBar #logo{width:130px; height:auto; margin:40px 0 0 5px;}
	#sideBar #close-but{width:180px; height:41px; margin:auto;text-align:center; padding-top:0px; cursor:pointer; position:relative;}
	#sideBar #close-but div{padding-top:4px;}
	#content-wrapper{ position:relative; width:560px; height:auto;overflow:hidden; left:220px; margin-top:40px;/*display:none;*/} 
	.content{width:500px; height:auto; overflow:hidden; margin:30px auto 0px auto;}
	#launch-but{width:110px;height:110px;position:absolute; left:52.5px;top:0px;cursor:pointer;display:none;}
	#launch-but #circle{ position:absolute;width:80px; height:80px;top:50%;left:50%;margin:-40px 0 0 -40px;-webkit-border-radius: 80px;-moz-border-radius: 80px; border-radius: 80px;}
	#launch-but #circle-overlay{ position:absolute;width:0px; height:0px;top:50%;left:50%;-webkit-border-radius: 80px;-moz-border-radius: 80px; border-radius: 80px;}
	#launch-but #label{position:relative;line-height:110px;width:100%; z-index:5;}
	

/*--------------------------------------------------------
	4.MENU
--------------------------------------------------------*/

	/*----------------------------
	i.-- main menu
	-----------------------------*/
	
	#navContainer{width:130px; height:auto; overflow:hidden; margin:auto;padding-top:15px;}
	#nav{float:left; width:130px; height:auto; list-style:none; margin-bottom:0px;}
	#nav li{width:130px;position:relative;display:block; width:100%; margin-bottom:15px; text-align:center;}
	#nav li a{height:15px;display:block;background:none;}
	/*#nav li a:hover{}*/
	/*#nav li a.active {}*/
	
	/*----------------------------
	ii.-- sub menu
	-----------------------------*/
	
	#nav ul{width:130px;/*position:relative;z-index:100;*/left:-9999px; margin-top:15px; margin-bottom:0px; display:none;}
	#nav ul li{width:130px; line-height:20px; margin-bottom:15px; border:none; text-align:center }
	#nav ul.submenu li.last{border:none; margin:0px; padding:0px;}/*slideDown/Up fix*/
	#nav ul a{width:130px;white-space:nowrap;display:block;}
	/*#nav li:hover ul{}*/


/*--------------------------------------------------------
	5.PAGE ELEMENTS
--------------------------------------------------------*/

	
	/*----------------------------
	i.-- portfolio
	-----------------------------*/
	
	._thumb-ind{width:40px; height:40px;position:absolute; z-index:4; margin:60px 0 0 120px;}
	
	/*----------------------------
	ii.-- blog
	-----------------------------*/
	
	.post{width:500px;padding-bottom:30px; margin-bottom:30px; float:left;}
	.post_full{width:500px;margin-left:-500px}/*hide post off screen*/
	.post.last{margin:0px; padding:0px; border-bottom:none !important;}
	.entrySpec{width:auto; margin-bottom:15px;}
	.comment{width:500px; height:45px; background: url(../images/black/comments_blog.png) center center no-repeat; position:absolute; z-index:1; text-align:center;margin-top:155px;}
	.comment div{ margin-top:20px;}
	.post_close{width:16px;height:33px;position:fixed;z-index:99;cursor:pointer;top: 50%;left: 780px;text-align: center; display:none;}
	.post_close2{width:16px;height:33px;position:fixed;z-index:99;cursor:pointer;top: 50%;left: 780px;text-align: center; display:none;}
	
	
	/*----------------------------
	iii.-- forms
	-----------------------------*/
	
	.field{width:233px; height:30px;border:none; padding:0 5px;margin:0 0 10px 0; }
	.field:focus{outline:none;border:none;}
	.tarea{width:233px; height:101px;border:none;  padding:8px 5px 5px 5px;float:left; text-align:justify; overflow:auto;}
	.tarea:focus{border:none; outline:none;}
	.formProgress{float:left;margin-top:15px;}
	 p.form{float:left; overflow:hidden; margin-bottom:15px;}
	
	/*----------------------------
	iv.-- pagination
	-----------------------------*/
	
	.ellipse{float: left;}
	.container{width:500px; float:left;margin:0 0 30px 0;padding:0px; overflow:hidden;height:auto;}
	.spacing{padding-bottom:85px;}
	.page_navigation , .alt_page_navigation{ width: 500px; height:auto; text-align: center; letter-spacing: 35px;  white-space: nowrap;  line-height: 12px;  overflow: hidden;position:absolute; bottom:65px;}
	.page_navigation a, .alt_page_navigation a{margin:2px; width:10px;height:10px;color:white;text-decoration:none;font-family: Tahoma;font-size: 12px; background:url(../images/black/page_sel.png) 0 0  no-repeat;display: inline-block; vertical-align: middle;  }
	.active_page{background:url(../images/black/page_sel.png) 0px -10px  no-repeat !important;text-decoration:none;}	
	ul.contentPaginate li{list-style:none;}


/*--------------------------------------------------------
	FOOTER
--------------------------------------------------------*/

	#footer{width:500px; height:50px; line-height:50px; border-top:1px solid #333333;margin:auto;}
	.icon_holder{width:16px; height:16px;float:right; margin-top:18px;}

/*--------------------------------------------------------
	LINKS
--------------------------------------------------------*/

	a,a:visited{text-decoration:none; outline:none; border:none;}
	a:hover{text-decoration:underline;}
	a.r-more,a:visited.r-more{text-decoration:none; outline:none; border:none; float:right;}
	a.r-more:hover{text-decoration:underline;}


/*--------------------------------------------------------
	TYPOGRAPHY
--------------------------------------------------------*/
	
	h1,h2, h3, h4, h5, h6, p, ul, ol {margin-bottom: 30px;}
	h1.pageHeading{font-family: "Bebas Neue"; font-size:130px;line-height:120px; padding-top:13px;/*ie fix*/position:relative;z-index:10;width:500px;/**/ margin-bottom:15px;}
	h1,h2,h3,h4,h5,h6{text-align:left;/*ie fix*/position:relative;z-index:10;/**/} /*DO NOT REMOVE POSITION RELATIVE OR Z-INDEX, OR CUFON FADING WILL NOT WORK IN IE*/
	p{font-family:Arial, Helvetica, sans-serif; font-size:12px;}
	p.slogan{ width:100%; font-family: Arial, Helvetica, sans-serif;  font-size:12px; margin:0px;text-transform:uppercase;text-align:center; letter-spacing:3.5px; margin-bottom:15px;}

/*--------------------------------------------------------
	9. STANDARD ELEMENTS
--------------------------------------------------------*/

	/*----------------------------
	i.-- buttons
	-----------------------------*/
	
	.button {display: inline-block;line-height: 1;position: relative;cursor: pointer;border:none;}
	.button:active {position: relative;top: 1px;}
	
		/* button sizes */
		.button.small {font-size: 11px;padding: 10px 20px;}
		.button.medium{font-size: 13px;padding: 12px 25px;}
		.button.large {font-size: 14px;padding: 15px 25px;}
		.button.alignLeft{float:left;}
		.button.alignRight{float:right;}
	 
		/*button colors*/
		/*ref to style_theme.css*/
		
		/*button effects*/
		/*ref to style_theme.css*/
	
	/*----------------------------
	ii.-- columns
	-----------------------------*/
	
	.one_half, .one_third, .one_fourth,.one_fifth, .two_third, .three_fourth{height:auto; float:left;margin-right:8%;overflow:hidden;}
		
		.one_half{width:46%;}
		.one_third{width:28%;}
		.one_fourth{width:19%;}
		.one_fifth{width:19%;}
		.two_third{width:64%;}
		.three_fourth{width:73%;}
		.col_last{margin-right: 0 !important; clear: right;}

	
	/*----------------------------
	iii.-- highlights
	-----------------------------*/
	
	.highlight{padding:2px 5px;}
	
		/*highlights colors*/
		/*ref to style_theme.css*/
		
		/*highlights effects */
		/*ref to style_theme.css*/
		

	/*----------------------------
	iv.-- boxes
	-----------------------------*/
	
	.box{width:100%;height:auto;overflow:auto;margin-bottom:20px;}
	
		/* code excerpts */
		pre,code{line-height: 20px;padding: 20px 20px;display: block;overflow: auto; white-space:normal;}

		/* box styles*/
		.box_elegant{padding: 20px 20px;display: block;overflow: auto;}
		.box_elegant.rcorners{-webkit-border-radius: 4px;-moz-border-radius: 4px; border-radius: 4px;}
		
		/*box colors*/
		/*ref to style_theme.css*/
	
	
	/*----------------------------
	v.-- media framing/shadows
	-----------------------------*/
	
	.media_holder{margin-bottom:30px;}
	
		._imageThumb,._videoThumb {position:absolute;border:none;z-index:3; }
		._blogThumb{position:absolute;border:none;z-index:3;}
		
		/*frames*/
		._border_simple, ._border_thick-1, ._border_thick-2{padding:5px;}

		/*media alignment/wrappeds*/
		.media_holder.alignLeft{float:left;margin-right:20px;}
		.media_holder.alignRight{float:right;margin-left:20px;}
		.media_holder.alignLeftWrapped{float:left;margin-right:20px; margin-bottom:5px;}
		.media_holder.alignRightWrapped{float:right;margin-left:20px; margin-bottom:5px;}

		/*folio speicific*/
		.media_holder.folio{ float:left;margin:0px 10px 10px 0px;}
		.media_holder.last{margin-right:0px;}
		
		/*drop shadow*/
		.drop_shadow{margin:0 auto; display:block;}
		
		/*image-hover containers*/
		._rollover {position:absolute;border:none;z-index:2; opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); background: url(../images/transparent.png)repeat;} 
		._rollover-social{position:absolute;border:none;z-index:2; opacity:0;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0);} 
		._original{position:relative; display:block;}
		
	/*----------------------------
	vi.-- lists
	-----------------------------*/	
	
	ul.list li{margin-bottom: 2px;padding-bottom: 2px;padding-left: 25px;}
	
	/*----------------------------
	vii.-- content lists
	-----------------------------*/	
	
	ul.content_list{width:100%; list-style:none;}
	
		ul.content_list li{width:500px;margin-bottom:30px; padding-bottom:30px;float:left;}
		ul.content_list li p{margin:0px}
		ul.content_list li p span.title{padding:5px;}
		ul.content_list li .media_holder{margin-bottom:0px;}
		
	/*----------------------------
	vii.-- comment lists
	-----------------------------*/	
	
	ul.comment_list{width:100%; list-style:none;}
	
		ul.comment_list li{width:500px;margin-bottom:30px; padding-bottom:30px;float:left;}
		ul.comment_list li .avatar{float:left; margin-right:25px;}
		ul.comment_list li .comment_left{width:412px; float:left;}
		.comment_name,.comment_date,.commentary p{ width:100%;margin-bottom:15px;}
		ul.comment_list li .media_holder{margin-bottom:0px;}
		
	
	/*----------------------------
	viii.-- blockquotes
	-----------------------------*/

	blockquote{margin:10px 0 30px 0; clear: both;overflow:auto;}
		
		/*quote positioning*/
		blockquote p {float:left;margin:0 0 15px 45px;padding-top:3px;}
		blockquote p.clientRef {margin:0px 0 0 45px;}
		
		/*blockquote alignment*/
		blockquote.alignLeft{width:200px; float:left; margin:10px 15px 15px 0 ;}
		blockquote.alignRight{width:200px; float:right ;margin:10px 0 15px 15px;}
	
	
	/*----------------------------
	ix.-- social
	-----------------------------*/
	
	.icon_holder{width:16px; height:16px;}
	.icon_holder.alignRight{float:right; margin-left:8px;}
	.icon_holder.alignLeft{float:left; margin-right:8px;}
	
	
	/*----------------------------
	ix.-- divs
	-----------------------------*/
	
	/*xi.---div*/
	
	/*.div-simple, .div-double{}*/
	/*ref to style_theme.css
	
	
	/*div spacing*/
	._0{margin:0px;}
	
	._10{margin:5px 0px;}
	._t10{margin-top:0px;}
	._b10{margin-bottom:0px;}
	
	._20{margin:20px 0px;}
	._t20{margin-top:20px;}
	._b20{margin-bottom:20px;}
	
	._30{margin:30px 0px;}
	._t30{margin-top:30px;}
	._b30{margin-bottom:30px;}
	
	._40{margin:30px 0px;}
	._t40{margin-top:30px;}
	._b40{margin-bottom:30px;}
	


/*--------------------------------------------------------
	10. MISCELLANEOUS
--------------------------------------------------------*/	

  .clear{clear:both;}
  .clearLeft{clear:left;}
  .clearRight{clear:right;}
  .hide{display:none;}
  .show{display:block;}
  
  	/*----------------------------
	SECCIONES
	-----------------------------*/
	.tit-secciones { font-family: 'BebasNeueRegular', Helvetica, Arial, sans-serif; font-size: 42px; color: #30ff63; text-transform: uppercase; line-height: 55px;  }
	
	/*----------------------------
	CLIENTES
	-----------------------------*/
	.clientes{ float: left; margin: 0 30px 25px 0; }
	.borde { border-left: #666666 solid 1px; padding: 0 30px; }
	
	/*----------------------------
	OTROS
	-----------------------------*/
	.clear{ width:500px;}	
	
	/*----------------------------
	MENU
	-----------------------------*/
	a.link-menu { font-size: 14px; color: #EBE0D1; text-transform: uppercase; line-height: 45px; }
	a.link-menu:hover { font-size: 14px; color: #30ff63 !important; text-transform: uppercase; line-height: 45px; }
	a.link-menu:visited { font-size: 14px; color: #EBE0D1 !important; text-transform: uppercase; line-height: 45px; }
	.par-menu { font-size: 12px; line-height: 18px;}
	#nav ul li.item-menu { margin-bottom: 10px;}
	a.link-menu .icon-pdf { width: 35px; height: 44px; position: relative; float: left; margin-right: 10px;}
	/*----------------------------
	FORMULARIO
	-----------------------------*/
	.var-form { color: #666666; width: 300px;}
	.msj-form { color: #666666; width: 370px;}
	.tit-form { color: #666666; margin-right: 20px; width: 50px; float: left;}
	
	.facebook { margin:0; display:block; background-image:url(../images/f.png); background-repeat:no-repeat; background-position:center 0; width:46px; 
	height:46px; top:0; position:relative; float:left; margin-right: 5px; }
	.facebook:hover {background-position: center -46px;}
	.tit-fb { line-height: 46px;}

.grey {
	color: #cccccc;
}

.one_half p {
	margin-bottom: 4px;
}

.alpha60, #inner{
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(0, 0, 0) !important;
    /* RGBa with 0.6 opacity */
    background-color: rgba(0, 0, 0, 0.4) !important;
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000) !important;
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)" !important;
}

.alpha60 p{   
    color: #eeeeee !important;
}

#inner .mainmenu, #inner .submenu a{   
    color: #c8c8c8;
}

#fancybox-title {
    color: #000000 !important;
    text-shadow: none !important; 
}

#slide-info, #navArrows {
	display: none !important;
}

#slidecaption-grande {
	font-size: 70px !important;
	margin-right: 100px;
}
#fancybox-title-over span{
	display:none !important;
}


#menu-left-ico {
	background-image: url("../images/black/fancybox.png");
    background-position: -40px -29px;
    display: block;
    height: 31px;
    left: 7px;
    width: 26px;
    float: left;
	
}

#menu-right-ico {
	background-image: url("../images/black/fancybox.png");
    display: block;
    height: 31px;
    width: 26px;
	background-position: -40px -60px;
	left:-9px;
	float:right;
	margin-right: 56px;
}

#menu-left:hover, #menu-right:hover {
	visibility: visible; /* IE6 */
}

#menu-left:hover span {
	left: 7px;
	
}

#menu-right:hover span {
	
	left: auto;
	right: 10px;
}