/*CONTENEDORES PRINCIPALES*/
body{
margin: 0;
padding: 0;
background-color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333;
line-height: 1.2;
}

#generalWrapper{
width: 100%;
min-height: calc(100% - 82px);
top: 0;
left: 0;
padding-bottom: 82px;
position: absolute;
}

/*ESTILOS DE HEADER*/
#headerWrapper{
width: 100%;
min-width: 980px;
height: 160px;
background-color: #FF6801;
position: relative;
}

#headerFakeBg{
width: 50%;
height: 160px;
top: 0;
right: 0;
background-color: #DCDCDC;
z-index: 1;
position: absolute;
}

#headerBgImg{
width: 100%;
height: 160px;
background: transparent url(../images/bg_header.jpg) no-repeat center top scroll;
top: 0;
left: 0;
z-index: 2;
position: absolute;
}

#header{
width: 980px;
height: 160px;
margin: 0 auto;
padding: 0;
z-index: 3;
position: relative;
font-family: 'Muli', "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
font-size: 25px;
font-weight: 300;
}

a#pageTitle{
width: 425px;
height: 70px;
margin: 0 auto 0 0;
padding: 45px 0 45px 130px;
background: transparent url(../images/logo_onelove.png) no-repeat left 30px scroll;
display: block;
color: #000;
}

a#pageTitle:hover{ text-decoration: none; }

.bigTitle{
font-size: 40px;
font-weight: 400;
line-height: 1;
}

#logoLimonada{
top: 55px;
right: 40px;
position: absolute;
}

#menu{
margin-bottom: 20px;
display: table;
table-layout: fixed;
border-collapse: separate;
border-spacing: 2px;
position: relative;
}

#menu a, #menu span{
width: 80px;
height: 80px;
padding: 10px;
display: table-cell;
background-color: #DCDCDC;
position: relative;
vertical-align: bottom;
text-align: right;
font-family: 'Muli', "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
font-size: 11px;
font-weight: 400;
}

#menu a:hover{
background-color: #F2F2F2;
text-decoration: none;
}

#menu a.select{
width: 80px;
height: 80px;
padding: 10px;
display: table-cell;
background-color: #FF6801;
position: relative;
vertical-align: bottom;
text-align: right;
font-family: 'Muli', "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
font-size: 11px;
font-weight: 400;
}

#menu a.select:hover{
background-color: #F2F2F2;
text-decoration: none;
}

#menu :first-child, #menu :first-child:hover{
background: #FF6801 url(../images/leftriangle.png) no-repeat left top scroll;
color: #fff;
}

#menu :last-child{ background: #F2F2F2 url(../images/rightriangle.png) no-repeat left top scroll; }


#usuarios{ background: #DCDCDC url(../images/icon_usuarios.png) no-repeat right top scroll; }

#procesos{ background: #DCDCDC url(../images/icon_procesos.png) no-repeat right top scroll; }

#informes{ background: #DCDCDC url(../images/icon_informes.png) no-repeat right top scroll; }

#historial{ background: #DCDCDC url(../images/icon_historial.png) no-repeat right top scroll; }


/*ESTILOS DE CUERPO*/
#content{
width: 980px;
margin: 0 auto;
padding-top: 40px;
}


/*ESTILOS DE FOOTER*/
#footerWrapper{
width: 100%;
height: 82px;
left: 0;
bottom: 0;
background: transparent url(../images/bg_footer.jpg) repeat-x left top scroll;
position: absolute;
}

#footer{
width: 980px;
margin: 0 auto;
padding-top: 20px;
display: table;
table-layout: auto;
}


/*FORMULARIOS*/
.formfooter{ font-size: 11px; }

form{ font-weight: bold; }

form.wide input[type=text], form.wide select, form.wide textarea{
width: 100%;
display: block;
}

select, textarea{
margin: 5px auto;
padding: 4px;
border: 0;
background-color: #D9D9D9;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

textarea{
height: 115px;
resize: none;
}

input[type=submit]{
margin: 5px 0;
padding: 7px 50px 7px 25px;
background: #FF6801 url(../images/bg_button.png) no-repeat right top scroll;
border: 0;
font-size: 14px;
font-weight: bold;
color: #fff;
}

input[type=submit]:hover{ background-color: #FF0000; cursor:pointer; }

input[type=button]{
margin: 5px 0;
padding: 7px 50px 7px 25px;
background: #FF6801 url(../images/bg_button.png) no-repeat right top scroll;
border: 0;
font-size: 14px;
font-weight: bold;
color: #fff;
}

input[type=button]:hover{ background-color: #FF0000; cursor:pointer; }


/*ESTILOS GENERALES*/
.row{
width: 100%;
padding: 40px 0 20px 0;
border-top: 2px dotted #A9A9A9;
display: table;
table-layout: auto;
}

.column580{
width: 580px;
padding-right: 20px;
display: table-cell;
}

.column{
padding-left: 20px;
display: table-cell;
vertical-align: top;
}

.column:first-child{ padding: 0; }

.rightTxt{ text-align: right; }

.centerTxt{ text-align: center; }

.justifyTxt{ text-align: justify; }

.column img:first-child{ margin-top: 45px; }

table{
width: 100%;
border-collapse: collapse;
}

th, td{
padding: 15px;
border: 2px solid #fff;
text-align: left;
}

th{
background-color: #FF6801;
color: #fff;
}

td{ background-color: #D9D9D9; }

h1, h2, h3, h4, h5, h6{
margin: 0 0 20px 0;
color: #FF6801;
line-height: 120%;
}

h1{
font-family: 'Muli', "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
font-size: 300%;
font-weight: 300;
}

a{
color: #333;
text-decoration: none;
font-size:20px;
}

a:hover{ text-decoration: underline; }

img{ border: 0; }

.texto{
	padding:20px;
	width:90%;
	height:auto;
	font-size:20px;
	color:#383838;
}

.select{
	padding:20px;
	width:30%;
	height:auto;
	font-size:20px;
	color:#383838;
}

.texto2{
	padding:20px;
	width:50%;
	height:auto;
	font-size:20px;
	color:#383838;
}

.linea_tiempo{
	list-style:none;
	margin-left:-30px;
}
.linea_tiempo li{
	display:inline-table;
	font-size:11px;
	border-radius:15px;
}
.linea_tiempo .nselect{
	padding:3px;
	background:#F0F0F0;
}
.linea_tiempo .select_t{
	padding:3px;
	background:#FF0D13;
	color:#FFF;
}

#nbd{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:auto;
	background:#000;
	opacity: 0.6;
    filter: alpha(opacity=60);
	z-index:999;
}
#bd{
	position:fixed;
	top:3%;
	width:950px;
	min-width:700px;	
	height:auto;
	background:#FFF;
	margin-left:auto;
	margin-right:auto;
	padding:15px;
	z-index:999;
}
#bd #filtro{
	height:auto;
	max-height:150px;
	overflow-y:auto;
}