
/***** STYLE RESET *****/



html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, p
{ margin:0; padding:0; border:0; outline: none;  }

img { overflow:hidden; }

a { outline: none; color: #008241;  font-weight: bold; /*color: #222222; */ }



/***** CUSTOM FONT *****/



h1, h2, h3, h4, h5, h6 {
 font-family: 'Yanone Kaffeesatz', sans-serif;

}


/***** MAIN LAYOUT *****/



/*html {
	overflow: hidden;	
}*/

body {

	background: black;
	background-attachment: fixed;
	font-size: 16px;
	font-family:  Arial,  Helvetica,  sans-serif;
	color: #222222;
	/*overflow: hidden;*/
	line-height: 20px;
}

#background {
	z-index:1;
	position:fixed; 
	visibility: hidden;
	color: #222222;
}

#loader {
	padding:15px;
	position:absolute;
	background: #efefef;
	z-index:10001;
	display:none;
	-moz-border-radius: 10px;
	border-radius:10px;
	-moz-opacity:0.8;
	opacity:0.8;
	filter:alpha(opacity=80);
}

#logo {
	width:223px;
	height:115px;
	background: transparent url(../img/logo.jpg) no-repeat;
	position: fixed;
	z-index: 600;
	top: 0px;
	-moz-opacity:0.01;
	opacity:0.01;
	filter:alpha(opacity=1);
}

#logo a {
	display:block;
	width:100%;
	height:100%;
}

#logo_shadow {
	width:223px;
	height:19px;
	background: transparent url(../img/logo_shadow.png) no-repeat;
	position: fixed;
	z-index: 600;
	top: 115px;
		-moz-opacity:0.01;
	opacity:0.01;
}

#video-pattern, #img-pattern {
		position:absolute;
		top:0;
		left:0;
		background: transparent url(../img/pattern.png) repeat;
		width:100%;
		height:100%;
		z-index:1;
		visibility:hidden;
}

#content_wrapper {
		position:absolute;
		/*width:506px;*/
		/*width: 680px;*/
		width: 780px;
		/*height:400px;*/
		/*height: 550px;*/
		height: 650px;
		z-index: 1000;
		top:0;
		left:0;
		/* Fallback for web browsers that doesn't support RGBa */
		background: rgb(249,249, 249);
		/* RGBa with 0.6 opacity */
		background: rgba(239, 239, 239, 0.7);
}

#header {
		/*width:506px;*/
		width: 780px;
		height:47px;
		background: #efefef;
}

#header span {
	display:block;
	margin:auto;
	height: 100%;
	line-height: 47px;
	width:220px;
	color: #222222;
	padding: 0px 29px 0 29px;
	background: #646137;
	/*background: #14AD46;
	background: #feb518;*/
	text-align:center;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 23px;
	text-transform: uppercase;
	color: #f1f1f1;
}

#footer {
		/*width:506px;*/
		width: 780px;
		height:61px;
		background: #efefef;
		position:absolute;
		bottom:0;
}

#modal_shadow {
			/*width:506px;*/
			width: 780px;
			height: 42px;
			background: transparent url(../img/modal_shadow.png) no-repeat;
					position:absolute;
			z-index: 999;
		top:0;
		left:0;
}

#dots {
	position:absolute;
  z-index: 1001;
	top:0;
	left:0;
	width: 120px;
	height:40px;
	padding-top:20px;
}

#dots div {
		width:20px;
	height:20px;
	margin:10px;
	cursor: pointer;
	float:left;
}

.dot {
	background: transparent url(../img/dot.png) no-repeat;
}

.dot_active {
	background: transparent url(../img/dot_yellow.png) no-repeat !important;
  cursor: default !important;
}

#content {
	width: 776px;
	/*height: 306px;*/
	border: 2px solid #efefef;
	border-width: 0 2px 0 2px;
	margin-top:-15px;
	padding-top:15px;
}

.content {
		display:none; 
		width: 732px;
			/*width: 458px;*/
}

#close {
	position: absolute;
		top:11px;
		right:31px;
		background: transparent url(../img/close.png) no-repeat;
		width:25px;
		height: 25px;
		cursor: pointer;
		display:none;
}

.scroll-pane {
		overflow: auto;
			/*width: 477px;	*/
			width: 751px;
			height: 510px;
			/*height:235px;*/

	margin:15px;
	margin-top: 30px;
}

.horizontal-only {
	height: auto;
	max-height: 400px;
}

#subscribe_label {
	width: 443px;
	margin-left:15px;
	text-align:center;
	font-size: 14px;
	font-weight: bold;
	margin-top:20px;
	margin-bottom: 4px;
}

#subscribe_input {
	width: 425px;
	height: 31px;
	margin-left:15px;
	border: 9px solid #EFEFEF;
	-webkit-border-radius: 12px; /* Safari 3-4, iOS 1-3.2, Android ?1.6 */
	border-radius: 12px; /* Opera 10.5, IE9+, Safari 5, Chrome, Firefox 4+, iOS 4, Android 2.1+ */
	background: #EFEFEF;

}

#subscribe_input input {
	height: 19px !important;
	width: 311px;
	font-family: "PT Sans", sans-serif;
	font-size: 14px;
	color: #222222;
	-webkit-border-radius: 6px; /* Safari 3-4, iOS 1-3.2, Android ?1.6 */
   border-radius: 6px;
}

#subscribe_shadow {
	width: 442px;
	height: 17px;
	margin-left:15px;
  background: transparent url(../img/subscribe_shadow.png) no-repeat;
}	

	
/***** SOCIAL AND STOCK ICON LIST *****/


#social {
	width: 170px; 
	float:right;
	text-align:right;
	margin-right:27px;
	margin-top: 19px;
}


.follow  {
	margin:			0;
	padding:		0;
	list-style:		none;
	font-size: 10px;
	padding-bottom: 6px;
	color: #A0A0A0;
}

.follow li {
	padding:0 3px 0 3px;
}

.follow ul {
	list-style:		none;
	margin:0;
	padding:0;
	float:right;
}

.follow ul li{
	display:inline;
	padding:0px;
}

.follow li a{
	display: inline-block;
	height:20px;
	width:20px;
	overflow:hidden;
	margin:2px 1px 2px 6px;
	float:left;
}

.follow img {
	-moz-opacity:0.30;
	opacity:0.30;
	filter:alpha(opacity=30);
	overflow:hidden;
}

.follow img:hover {
	-moz-opacity:1;
	opacity:1;
	filter:alpha(opacity=100);
}



/***** COUNTER *****/



.one_four {
	float:left;
	text-align:center;
	width: 88px;
	height: 110px;
	padding: 0 15px;
	margin-top:0px;
}

.one_four_last {
	float:left;
	text-align:center;
	width: 88px;
	height: 110px;
	padding: 0 0 15px 15px;
	margin-top:0px;
}

.one_four div {
		width: 88px;
	height: 88px;
}

#days_num p, #hours_num p, #minutes_num p, #seconds_num p {
	position: relative;
	margin-top: -54px;
	z-index: 3000;
	color: #222222;
	font-family: 'PT Sans', sans-serif;
	font-size: 32px;
}

.clear {
	clear:both;
}



/***** MAIN CAROUSEL *****/



.slider {
	margin: 0 auto;
	position:relative;
	display:block;
	overflow: hidden;
	height:100%;
}

.slider div {
	overflow: hidden;
	position:relative;
}

#slider div.caroufredsel_wrapper {
 overflow: hidden;
}

#left, #right {
	width:80px;
	height:209px;
	background: white;
	position: absolute;
	z-index:501;
	visibility:hidden;
}

#left {
	background: transparent url(../img/left_arr.png) no-repeat;
}
#right {
	background: transparent url(../img/right_arr.png) no-repeat;
}

#arrow_left {
	background: transparent url(../img/arrow_left.png) no-repeat;
	width:25px;
	height:25px;
	position: relative;
	top: 91px;
	left: 30px;
	z-index:502;
}

#arrow_right {
	background: transparent url(../img/arrow_right.png) no-repeat;
	width:25px;
	height:25px;
	position: relative;
	top: 91px;
	left: 25px;
	z-index:502;
}

#scroll_left, #scroll_right {
	display:block;
	position:relative;
	width:80px;
	height:209px;
	z-index:503;
	top:-25px;
} 

#gallery {
	height: 100%;
	overflow:hidden;
}
#gallery div {
	overflow: hidden;
}

#gallery img {	
	float: left;
	display: inline;	
	position: relative;
	-moz-opacity:0.10;
	opacity:0.10;
	filter:alpha(opacity=10);
	z-index: 1;
	overflow: hidden;
	visibility:hidden;

}


.rightcolumn { float: right; margin-top: 25px; margin-right: 15px; font-size: 0.9em;}

.txtcenter {text-align: center;}


/***** TOP ICONS *****/

#apuntes {
	cursor: pointer;
}

#desc_info, #desc_info1 {
	visibility:hidden;
	position:absolute; 
	z-index: 999; 
	top:0px; 
	cursor:pointer;
	background: transparent url(../img/top_icon_bg.png) no-repeat;
	width:47px;
	height:55px;
}

#desc_info_icon {
	background: transparent url(../img/show_info.png) no-repeat;
	width:32px;
	height:32px;
	position:relative;
	top:7px;
	left:6px;
}

#desc_info_icon1 {
	background: transparent url(../img/show_info1.png) no-repeat;
	width:32px;
	height:32px;
	position:relative;
	top:5px;
	left:6px;
}


#fullscreen {
	visibility:hidden;
	position:absolute; 
	z-index: 999; 
	top:0px; 
	cursor:pointer;
	background: transparent url(../img/top_icon_bg.png) no-repeat;
	/*width:37px;
	height:45px;*/
	width: 47px;
	height: 55px;
}

.full_on {
			background: transparent url(../img/fullscreen_on.png) no-repeat;
}
.full_off {
			background: transparent url(../img/fullscreen_off.png) no-repeat;
}

#fullscreen_icon {
	width:32px;
	height:32px;
	position:relative;
	top:7px;
	left:6px;
}

#play, #video_play {
	visibility:hidden;
	position:absolute; 
	z-index: 999; 
	top:0px; 
	cursor:pointer;
	background: transparent url(../img/top_icon_bg.png) no-repeat;
	width:47px;
	height:55px;
}

.play_on {
		background: transparent url(../img/pause.png) no-repeat;
}

.play_off {
		background: transparent url(../img/play.png) no-repeat;
}

#play_icon {

	width:32px;
	height:32px;
	position:relative;
	top:5px;
	left:6px;
}

#sound, #video_sound {
	visibility:hidden;
	position:absolute; 
	z-index: 999; 
	top:0px; 
	cursor:pointer;
	background: transparent url(../img/top_icon_bg.png) no-repeat;
	width:47px;
	height:55px;
}

.sound_on {
			background: transparent url(../img/sound_on.png) no-repeat;
}
.sound_off {
			background: transparent url(../img/sound_off.png) no-repeat;
}


#sound_icon {
	width:32px;
	height:32px;
	position:relative;
	top:7px;
	left:6px;
}


.contact1 {
	color: green;
	font-weight: bold;
	cursor: pointer;


}

#contact {
	visibility:hidden;
	position:absolute; 
	z-index: 999; 
	top:0px; 
	cursor:pointer;
	background: transparent url(../img/top_icon_bg.png) no-repeat;
	width:47px;
	height:55px;
}


#contact_icon {
	background: transparent url(../img/contact.png) no-repeat;
	width:32px;
	height:32px;
	position:relative;
	top:7px;
	left:6px;
}



/***** TYPOGRAPHY *****/



h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase; 
	color: #222222;

}

h1 { 
	font-size: 20px;
	line-height:20px;
	font-weight: normal;
	
}

h2 { 
  font-size: 23px; 
  line-height: 23px;
	font-weight: bold;
}

h3 { 
  font-size: 17px; 
  line-height: 20px; 
	font-weight: bold;
}

p {
	padding: 0px; 
	margin:0;
}




/***** PAGE COLUMNS *****/



.one-half, .one-third, .two-third, .one-fourth,  .three-fourth {
	margin:0 15px 0 15px;
	float:left;
}

.one-half {
	width:206px;

}

.one-third {
	width:138px;
	 font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 16px;
	

}

.two-third {
	width:500px;
	text-align: justify;

}

.one-fourth {
	width:142px;
}

.three-fourth {
	width:489px;
}

.column_cont {
	margin: 0 0px 0 0px;
	clear:both;
}

.clear {clear:both;}


#page a, #page a:visited {
	text-decoration:underline;
	color: #A0A0A0;
}

#page a:hover, #page a:active {
	text-decoration:none;
	color: #feb518;
}



/***** MARGINS *****/



.margin_1line {
	margin-top:20px !important;
}

.margin_2line {
	margin-top:40px !important;
}

.margin_3line {
	margin-top:60px !important;
}

.margin_1_2line {
	margin-top:10px !important;
}

.margin_3_2line {
	margin-top:30px !important;
}

.margin_5_2line {
	margin-top:50px !important;
}

.margin_bottom_1line {
	margin-bottom:20px !important;
}

.margin_bottom_2line {
	margin-bottom:40px !important;
}

.margin_bottom_3line {
	margin-bottom:60px !important;
}

.margin_bottom_1_2line {
	margin-bottom:10px !important;
}

.margin_bottom_1_3line {
	margin-bottom:7px !important;
}

.margin_bottom_3_2line {
	margin-bottom:30px !important;
}

.margin_bottom_5_2line {
	margin-bottom:50px !important;
}



/***** TWEETS *****/



#tweet {
/*width: 25px;*/
width: 35px;
float:left;
margin: 19px 10px 0 27px;
 
}

#ticker {
	/*width: 240px;*/
	width: 550px;
	font-size:15px;
	line-height: 19px;
	float: left;
	margin-top:5px;
}

#ticker ul.tweet_list {
        height:4em;
        overflow-y:hidden;
				overflow-x:hidden;
}

#ticker .tweet_list li {
        height: 4em;
				overflow:hidden;
}

	
			
/**** FORM STYLES ****/


input, textarea {
	width: 194px;
	float: left;
	color: #222222;
	margin: 0;
	padding: 5px;
	background: #ffffff;
	border: 1px solid white;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: none;
	font-family: arial, sans-serif;
	font-size: 12px;
}


#contactForm input {
	margin-bottom: 30px;
}

input {
  height: 25px;
}

input:focus,  textarea:focus {
	background: #ffffff;
	border: 1px solid #efefef;
}

textarea {
	width: 380px;
	height: 300px;
	resize:none;
	overflow: auto;
}

.butt {
	display:inline-block;
	text-decoration:none !important;
	width: 95px !important;
	height: 29px;
	font-size:12px;
	line-height:30px;
	text-align:left;
	text-transform: uppercase; 
	padding-left: 15px;
	margin-bottom:0px;
	font-family: "PT Sans", sans-serif;
		-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	}

.butt  , .butt:focus {
   	border: 1px solid white;
		background: #efefef;
		background-image: url(../img/button_arrow.png);
		background-position: right center;
		background-repeat:no-repeat;
    background-image: url(../img/button_arrow.png), -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
    background-image: url(../img/button_arrow.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
    background-image: url(../img/button_arrow.png), -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
    background-image: url(../img/button_arrow.png), -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
    background-image: url(../img/button_arrow.png), -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
    background-image: url(../img/button_arrow.png), linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
}

.butt:hover, .butt:active {
		color: black !important;
		background-image: url(../img/button_arrow_hover.png);
		background-position: right center;
		background-repeat:no-repeat;
    background-image: url(../img/button_arrow_hover.png), -moz-linear-gradient(top,  #ffffff 0%, #eeeeee 100%);
    background-image: url(../img/button_arrow_hover.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
    background-image: url(../img/button_arrow_hover.png), -webkit-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
    background-image: url(../img/button_arrow_hover.png), -o-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
    background-image: url(../img/button_arrow_hover.png), -ms-linear-gradient(top,  #ffffff 0%,#eeeeee 100%);
    background-image: url(../img/button_arrow_hover.png), linear-gradient(top,  #ffffff 0%,#eeeeee 100%);

}

a.butt {
	padding-bottom:2px;
}


.subscribe {
	position:absolute;
	margin-top:-1px;
	margin-left:-10px;
}

span.red {
	color:red;
	font-size:10px;
}

#comment img, #comment2 img {
	vertical-align: middle;
	padding-right: 6px;
}

input[type='text'].invalid, input[type='number'].invalid, input[type='email'].invalid, textarea.invalid, select.invalid {
				border-color: red;
}
		
		
::-webkit-input-placeholder  { color:#222222; }
		
/**** INFO BLOCKS ****/


.success {
	background: #efefef url(../img/yes.png) no-repeat;
	border: 1px solid white;
}

.error {
	background: #efefef url(../img/no.png) no-repeat;
	border: 1px solid white;
}

.success, .error {
	display:block;
	background-position: 12px 11px;
	font-style:normal;
	padding: 9px 40px 9px 40px;
	text-align:center;
		-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width:360px;
	margin-left:15px;
}

.success p, .error p {
 padding:0;
 margin:0;
}


/***** QTip *****/


.qtip {
	font-size:14px;
	font-weight:bold;
}

a.qtip {
font-size:16px;
font-weight:normal;
}


/***** PARALLAX *****/



.parallax-viewport {
	width: 100%;
	height:100%;
	background-color: #aebcc9;
}
    
.diagram {
		margin-top: -0.75em;
}
    
small {
		text-transform: uppercase;
}


.thmb_doc {width: 110px; height: 115px; float: left; margin: 15px 30px 5px 5px;}

.thmb_doc1 {float: left; margin-bottom: 30px; margin-right: 30px;}

.thmb_doc img, .thmb_doc1 img {margin-left: 15px; margin-bottom: 3px;}

.portadas {width: 121px; height: 210px; float: left; margin-right: 25px;}

.portadas, .thmb_doc, .thmb_doc1 {font-size: 13px; font-weight: bold;}


/*	--------------------------------------------------
	4: Reveal Modal Box
	-------------------------------------------------- */

#modales {

	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left:0;
	right:0;
	width:1150px;
	height:800px;
	

}

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #000;
    zoom: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6;
    z-index: 0;
    display: none;
    top: 0;
    left: 0;
}

.reveal-modal {
    visibility: hidden;
    top: 18px;
    /*margin-left: 100px;*/
    margin-left: auto;
	margin-right: auto;
    color: #bbb;
    /*margin: 0 auto;*/
    width: 1150px;
    height:800px;
    background: #222 url(../img/texture.jpg) repeat;
    position: absolute;
    z-index: 3000;
    padding: 20px 40px 30px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 12px;
    line-height: 1.5;
    -moz-box-shadow: 0 0 5px 2px #111;
    -webkit-box-shadow: 0 0 5px 2px #111;
    box-shadow: 0 0 5px 2px #111;
    
}

.reveal-modal1 {
	 width: 700px;
  
}

a.close-reveal-modal:hover { color: #fff; }

.reveal-modal h1 {
	top: -5px;
    font-size: 20px;
    color: #ccc;
    line-height: 1.4;
   /* font-family: 'BebasNeueRegular';*/
    font-family: 'Yanone Kaffeesatz', sans-serif;
}

.reveal-modal h2 {
    font-size: 18px;
    line-height: 1.4;
     color: #ccc;
   font-family: 'Yanone Kaffeesatz', sans-serif;
}

.reveal-modal p { margin: 5px 0 10px; font-size:12px; line-height:1.5;}

.reveal-modal .close-reveal-modal {
    font-size: 22px;
    font-family: arial,sans-serif;
    line-height: .5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #aaa;
    text-shadow: 0 -1px 1px rbga(0,0,0,.6);
    font-weight: bold;
    cursor: pointer;
} 


#magazine, #magazine1, #magazine2, #magazine3, #magazine4, #magazine5, #magazine6, #magazine002 {
	width:1100px;
	height:718px;
	
}

#magazine001 {
	width:700px;
	height:880px;
	
}


#magazine003{
	background-image:url(../img/apuntes/consignaPeron_Kirchner_grande.jpg); background-repeat: no-repeat;
	width:1100px;
	height:833px;
	
}

#magazine .turn-page, #magazine1 .turn-page, #magazine2 .turn-page, #magazine3 .turn-page, #magazine4 .turn-page,  #magazine5 .turn-page, #magazine6 .turn-page, 
#magazine002 .turn-page {
	background-color:#ddd;
	background-size:100% 100%;
}