/*
960 Grid System ~ Core CSS.
Learn more ~ http://960.gs/

Licensed under GPL and MIT.
*/

/* =Containers
--------------------------------------------------------------------------------*/

.container_12,
.container_16
{
width: 92%;
margin-left: 4%;
margin-right: 4%;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16
{
display: inline;
float: left;
margin-left: 1%;
margin-right: 1%;
}

.container_16 .grid_4
{
width: 23%;
}

.container_16 .grid_8
{
width: 48%;
}

.container_16 .grid_12
{
width: 73%;
}

.container_16 .grid_16
{
width: 98%;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/

.alpha
{
margin-left: 0;
}

.omega
{
margin-right: 0;
}

/* =Grid >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .grid_1
{
width: 4.25%;
}

.container_16 .grid_2
{
width: 10.5%;
}

.container_16 .grid_3
{
width: 16.75%;
}

.container_16 .grid_5
{
width: 29.25%;
}

.container_16 .grid_6
{
width: 35.5%;
}

.container_16 .grid_7
{
width: 41.75%;
}

.container_16 .grid_9
{
width: 54.25%;
}

.container_16 .grid_10
{
width: 60.5%;
}

.container_16 .grid_11
{
width: 66.75%;
}

.container_16 .grid_13
{
width: 79.25%;
}

.container_16 .grid_14
{
width: 85.5%;
}

.container_16 .grid_15
{
width: 91.75%;
}



/* RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
position:relative;
color:#333;
font-family:Arial, Helvetica, sans-serif
}





ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* remember to define focus styles! */
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

img {vertical-align:bottom}

a {
text-decoration:none;
color:#213426
}

a:hover {
color:#213426
}

input, textarea, button {
font-family:Arial, Helvetica, sans-serif
}

.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}

@font-face {
font-family: 'univers_condensedmedium';
src: url('fonts/13947-webfont.svg#univers_condensedmedium') format('svg');
font-weight: normal;
font-style: normal;
}

/* END RESET */

body, html {
	height:100%;
 	position:relative; 
 	/*agregado*/
 	overflow:hidden;
 	
}

html  {
 	position:relative; 
}

/* LAYOUT */


#header-container {
	height:36px;
 	position:fixed; 
	z-index:3;
	left:0;
	width:100%;
	top:0px;
/* 	overflow:hidden; esto era lo que no dejaba ver el menu*/
	background:url(images/bg-top.png) repeat left top;
}

/* Main menu */
#menu-container {
 	background:url(images/bg-submenu.png);
	
	height:34px;
 	position:fixed; 
 	top:36px; /* 36 header */
 	width:100%; 
 	z-index:1; 

}

#main-nav-container {
/* 	background:url(images/bg-submenu.png); */
	height:36px;
  	position:relative;  
/*  	top:34px;  */
/*  	width:100%;  */
  	z-index:10;  

}


#footer-container {
    bottom: 0px;
    left: 0px;
    width: 100%;
 	position:fixed; 
    height: 36px;
	background:url(images/bg-bottom.png) repeat-x left top;
	overflow:hidden;

}

/* Main Container*/

/* .home section { */
/*  	height:88%  */
/* } */


.wrapper {
  	position:fixed;  
 	z-index:1; /*tenia -1 y no andaba nada	*/
	width:100%;
	bottom:36px;
	top:70px;   /*34 + 36*/
	height:84%; /*antes 88 y parte no se veia*/
	background:url(images/bg-section.jpg) no-repeat center 120px; 
  	overflow:scroll; 
}

/* Let's get this party started */
.wrapper::-webkit-scrollbar {
    width: 5px;
}
 
/* Track */
.wrapper::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    -webkit-border-radius: 5px;
    border-radius: 5px;
    width:14px;
}
 
/* Handle */
.wrapper::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(25, 100, 40,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.wrapper::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(25,100,40,0,0.4); 
}



.wrapper::-webkit-scrollbar-button { 
	height: 0; 
	width: 0; 
} 
.wrapper::-webkit-scrollbar-corner { 
background: transparent; 
} 
/* FIN LAYOUT */


footer p {
color:#516454;
font-size:.84em;
padding-top:12px
}

footer p.left {
float:left;
width:480px;
font-family:'univers_condensedmedium', Arial, sans-serif;
}

footer p.right {
float:right;
width:160px;
font-size:.76em;
text-align:right
}

footer a {
color:#334938;
text-decoration:underline;
font-weight:bold
}

footer a:hover {
text-decoration:none;
color:#334938;
}

h1 {
font-family:'univers_condensedmedium', Arial, sans-serif;
font-weight:normal;
height:24px;
width:330px;
background:url(images/logo.png) no-repeat left 5px;
padding-left:30px;
padding-top:5px;
line-height:1.4em;
color:#FFF;
float:left
}

h2 {
font-family:'univers_condensedmedium', Arial, sans-serif;
font-weight:normal;
font-size:1.25em;
padding:20px 0 10px
}

h3 {
font-weight:normal;
text-transform:uppercase;
}

h3[class^="selected"] {
font-weight:bold;
color:red;
}










/* Navegación Pull-down Superior*/

nav#pull-down {
float:right;
padding-top:6px;
font-family:'univers_condensedmedium', Arial, sans-serif;
}

a#nav  {
width:22px;
height:26px;
display:block;
background:url(images/menu.jpg) no-repeat right top;
text-indent:-9999px;
}

a#nav:hover {
background:url(images/menu.jpg) no-repeat left top;
}

nav#pull-down ul li {
position: relative;
z-index:20;
display: block;

}

nav#pull-down ul li:hover > ul {
	display:block;
 }






nav#pull-down ul ul {
position: absolute;
top: 21px;
right: 0;
background:url(images/menu-top.png) right top no-repeat, url(images/bg-menu.jpg);
padding:10px 14px 2px;
min-width:150px;
display:none;
}

nav#pull-down ul ul li {   
overflow: hidden; 
padding: 0;
}

nav#pull-down ul ul li:hover > ul li {
position: relative;
/* z-index:999; */
	
overflow: visible; 

padding: 0;
}

nav#pull-down ul ul li {
position: relative;
display: block;

}

nav#pull-down ul ul a {
position: relative;
	
padding: 5px 0;
margin: 0;
display:block;
border-bottom:1px solid #98b57f
}

nav#pull-down ul ul a:hover {
color:#27362b
}

nav#pull-down ul ul ul a {
padding: 5px 0 5px 18px;
margin: 0;
display:block;
border-bottom:none;
font-size:.9em
}


/* Navegación Principal Superior objetos */


nav#main-nav {
font-family:'univers_condensedmedium', Arial, sans-serif;
z-index:20
}

nav#main-nav li a {
display:block;
float:left;
margin-right:30px;
padding:9px 0;
z-index:20
}

nav#main-nav li a:hover, nav#pull-down ul ul a:hover {
text-shadow: -1px 1px 3px rgba(255, 254, 233, 0.5), 1px -1px 3px rgba(255, 254, 233, 0.5); 
}

nav#main-nav ul li {
position:relative;
display:block;
float:left
}

nav#main-nav ul ul li {
float:none
}
/* agregado por jpotenza */
nav#main-nav ul ul li.separator {
width:100%;
border-bottom:1px solid green
}


nav#main-nav ul ul {
position: absolute;
top: 29px;
left: 0;
background:url(images/submenu-top.png) left top no-repeat, url(images/bg-menu.jpg);
padding:10px 14px 2px;
min-width:150px;
display:none
}

nav#pull-down ul ul ul, nav#main-nav ul ul ul {
position: relative;

top:0;
border:0 none;
padding:0;
display:block;
background:none;
}

nav#main-nav ul ul li a {
display:block;
float:none;
margin-right:0;
padding:5px 0;
width:100%;
border-bottom:1px solid #98b57f
}

nav#main-nav ul ul ul li a {
padding: 5px 0 5px 18px;
border-bottom:none;
width:90%;
font-size:.9em
}

nav#main-nav li:hover > ul { display:block }

nav#main-nav ul ul li {
display:block;
}

nav#pull-down ul ul li:last-child a, nav#main-nav ul ul li:last-child a {
border-bottom:0 none
}

nav#pull-down ul ul ul li:last-child a, nav#main-nav ul ul ul li:last-child a {
border-bottom:1px solid #98b57f
}

section {
font-size:.8em
}

nav ul ul {
	z-index:20
}


/* Usuario logueado (Barra superior) */

#login-info {
float:right;
margin-right:40px;
padding-top:11px;
text-align:right;
font-size:.917em;
color:#FFF;
}
#login-info span{
	margin-right:10px;
}	



#login-info a {
font-weight:normal;
font-size:.917em
}

@media screen and (min-width: 699px) and (max-width:1022px) {
	#user-nombre {
		max-width:140px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

@media screen and (min-width: 1023px) and (max-width:1278px) {
	#user-nombre {
		max-width:250px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}

/***********************************************************/


/* =Prefix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_16 .prefix_4
{
	padding-left: 25%;
}

.container_16 .prefix_8
{
	padding-left: 50%;
}

.container_16 .prefix_12
{
	padding-left: 75%;
}


/* =Prefix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .prefix_1
{
	padding-left: 6.25%;
}

.container_16 .prefix_2
{
	padding-left: 12.5%;
}

.container_16 .prefix_3
{
	padding-left: 18.75%;
}

.container_16 .prefix_5
{
	padding-left: 31.25%;
}

.container_16 .prefix_6
{
	padding-left: 37.5%;
}

.container_16 .prefix_7
{
	padding-left: 43.75%;
}

.container_16 .prefix_9
{
	padding-left: 56.25%;
}

.container_16 .prefix_10
{
	padding-left: 62.5%;
}

.container_16 .prefix_11
{
	padding-left: 68.75%;
}

.container_16 .prefix_13
{
	padding-left: 81.25%;
}

.container_16 .prefix_14
{
	padding-left: 87.5%;
}

.container_16 .prefix_15
{
	padding-left: 93.75%;
}

/* =Suffix Extra Space >> Global
--------------------------------------------------------------------------------*/

.container_16 .suffix_4
{
	padding-right: 25%;
}

.container_16 .suffix_8
{
	padding-right: 50%;
}

.container_16 .suffix_12
{
	padding-right: 75%;
}


/* =Suffix Extra Space >> 16 Columns
--------------------------------------------------------------------------------*/

.container_16 .suffix_1
{
	padding-right: 6.25%;
}

.container_16 .suffix_2
{
	padding-right: 16.5%;
}

.container_16 .suffix_3
{
	padding-right: 18.75%;
}

.container_16 .suffix_5
{
	padding-right: 31.25%;
}

.container_16 .suffix_6
{
	padding-right: 37.5%;
}

.container_16 .suffix_7
{
	padding-right: 43.75%;
}

.container_16 .suffix_9
{
	padding-right: 56.25%;
}

.container_16 .suffix_10
{
	padding-right: 62.5%;
}

.container_16 .suffix_11
{
	padding-right: 68.75%;
}

.container_16 .suffix_13
{
	padding-right: 81.25%;
}

.container_16 .suffix_14
{
	padding-right: 87.5%;
}

.container_16 .suffix_15
{
	padding-right: 93.75%;
}