/*    Generated by http://www.cssportal.com    */

@import url("reset.css");
html {
	margin: 0;
	padding: 0;
  background: white;
	}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color:#333 
}

p {
    padding: 2px;
}

#wrapper {
    margin: 0 0 0 50px;
/*    width: 1000px; */
    width: 95%;
}

#headerwrap {
/*    width: 1000px; */
    width: 95%;
    float: left;
    margin: 0 auto;
}

#header {
    height: 100px;
    background: url("../images/ags_logo.png") no-repeat top left; 
    background-size: 65%;
    margin: 5px 0 0 0;
}

#navigationwrap {
/*    width: 1000px; */
    width: 95%;
    float: left;
    margin: 0 auto;
}

#navigation {
    height: 40px;
    background: #DCDCDC;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 5px 0 5px 0;
    padding: 10px 0 0 5px;
    font-size: 24px;
}
#nav_izq {
    text-align: left;
    width: 400px;
    float: left;
}
#nav_der {
    text-align: right;
    width: 300px;
    float: right;
    padding: 0 5px 0 0;
}

#cuerpowrap {
    width: 95%;
    float: left;
    margin: 0 0 5px 0;
}

#colizqwrap {
    width: 720px;
    float: left;
}

#colizq {
    width: 720px;
    background: url("../images/imag01.jpg") no-repeat top left; 
    background-size: 693px 213px;
    min-height: 215px;
    max-height: 445px;
    float: left;
    position: relative;
}

#colderwrap {
    width: 400px;
    float: left;
}

#colder {
    width: 400px;
    float: left;
    background: #DCDCDC;
    padding: 5px;
    min-height: 203px;
    max-height: 445px;
}

#contentwrap {
/*    width: 800px; */
    width: 83%;
    float: right;
    margin: 0 auto;
}

#content {
    position relative;
    background: #ffffff;
/*    border-radius: 10px; */
    border: 1px solid #ebebeb;
    margin: 0 0 5px 5px;
    padding: 0 0 0 15px;
/*    width: 772px; */
    width: 92%;
    min-height: 200px;
    max-height: 445px;
    overflow: auto;
    float: left;
}
#imagen {
    position: relative;
    float: left;
    width: 420px;
    padding-left: 40px;
    padding-top: 2px;
}
#subtitulo {
    width: 800px;
    background: #C8D4AF;
    border: 1px solid #32CD32;
    height: 25px;
    padding: 10px 40px 5px 40px;
}
#contenidowrap {
    width: 1000px;
    float: left;
    margin: 0 auto;
}
#contenidobaja {
    width: 1000px;
    float: left;
    margin: 0 auto;
}
#contenido_izq {
    width: 450px;
    margin: 5px 0 0 0;
    float: left;
}
#contenido_der {
    width: 500px;
    margin: 5px 0 0 0;
    float: left;
}

#leftcolumnwrap {
    width: 200px;
    float: left;
    margin: 0 auto;
}

#leftcolumn {
    width: 200px;
    background: #F0FFFF;
    border: 1px solid #F0FFFF;
    margin: 5px 0 0 0;
    float: left;
}

#footerwrap {
/*    width: 1000px; */
    width: 95%;
    float: left;
    margin: 0 auto;
    clear: both;
}

#footer {
    height: 50px;
    background: #DCDCDC;
    border-radius: 10px;
    border: 1px solid #ebebeb;
    margin: 0;
}

// Menu
#cssmenu {
	width: 200px;
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-size: 1px;
	border-width: 1px;
	}
#cssmenu ol{
	list-style:none;
	}

#cssmenu ul{
	list-style:none;
  padding: 0 0 0 7px;
	}
	
#cssmenu li a {
	height: 32px;
 	height: 24px;
	text-decoration: none;
	font-weight:normal;
	}	
	
#cssmenu li a:link, #cssmenu li a:visited {
	color: #5E7830;
	display: block;
	background: url(../images/menu1.gif);
	background-repeat:no-repeat;
	padding: 8px 0 0 10px;
	}
	
#cssmenu li a:hover {
	color: #26370A;
	background: url(../images/menu1.gif) 0 -32px;
	background-repeat:no-repeat;
	padding: 8px 0 0 10px;
	}
	
#cssmenu li a:active {
	color: #26370A;
	background: url(../images/menu1.gif) 0 -64px;
	background-repeat:no-repeat;
	padding: 8px 0 0 10px;
	}
/*----------Text Styles----------*/
h1 { 
	font: normal 2.5em;
	letter-spacing: 1px; 
	margin-bottom: 0;
	color: #F5FFFA;
	}
h2 { 
	font: normal 1.9em;
	letter-spacing: 1px; 
	margin-bottom: 0;
	color: #F5FFFA;
	}
h3 { 
	font: italic normal 1.4em georgia, sans-serif;
	letter-spacing: 1px; 
	margin-bottom: 0;
	color: #F5FFFA;
	}

.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws10b {font-size: 13px; font-family: Verdana; font-style: normal;font-weight: bold;}
.ws10bv {font-size: 13px; font-family: Verdana; font-style: normal; color: #008000; font-weight: bold;}
.ws11 {font-size: 15px;}
.ws11b {font-size: 15px; font-family: Verdana; font-style: normal;font-weight: bold;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws16b {font-size: 21px; font-family: Verdana; color: #C8D3AF; font-weight: bold; } 
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: Arial,Helvetica,Sans-Serif;font-style: normal;font-weight: normal;}
.error {font-size: 13px; color:#FF6633;} 
/*----------Para Styles----------*/
table {    
    border-collapse: separate;
    border-spacing: 2px;
    }
    
tr.in-fil {
    border: 1px black solid;
    height: 18px;    
    }
tr.in-cab {
    background:#CCC;
    border: 1px black solid;
    height: 20px;
    }
td.in-cen {
    text-align:center;
    }
td.num-cel {
    text-align:right;
    }
.resultsMain { background: #C8D4AF; border: 1px black solid}
.resultsCaption { background: #C8D4AF; height:18px; text-align: center;}
.resultsPaging { background: #C8D4AF; font-family: sans-serif; font-size: 100%;}

.resultsHeading { background: #C8D4AF; border: 1px black solid; height:25px; font-family: sans-serif; font-size: 100%;}
.resultsRowOdd { background: #C8D4AF; border: 1px black solid; height:25px; font-size: 100%;}
.resultsRowEven { background: #B1BF93; border: 1px black solid; height:25px; font-size: 100%;}
.resultsRowHover { background: #F0FFFF; border: 1px black solid; height:25px; font-size: 100%;}
.resultsTitle { font-size: 130%; height:25px;}
.resultsSubTitle { font-size: 140%; height:25px; font-style: italic;}
.resultsHidden { display: none; padding: 20; margin: 20;}
//
a {color: #000000;}

a:link { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #000000;
	}
a:visited { 
	font-weight: normal; 
	text-decoration: none; 
	color: #000000;
 	}
a:active { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #000000;
	}

label {
  	text-align: right; 
    width: 140px;
    float: left;
    margin-right: 5px;
    padding-top: 3px;
    height: 22px;    
}

input.in-act {
    border: 1px solid #aacfe4;
    border-radius: 4px;
    height: 18px;    
}

input.in-tip {
    border: 1px solid #aacfe4;
    border-radius: 4px;
    height: 18px;    
}

select {
    border: 1px solid #aacfe4;
    border-radius: 4px;
    height: 21px;    
}

textarea {
    border: 1px solid #aacfe4;
    border-radius: 5px;
}

#bot_wrap {
    width: 150px;
    float: right;
}

input.bot_cab {
	color: #5E7830;
	display: block;
	background: url(../images/rectb06in.gif);
	background-repeat:no-repeat;
  height:30px;
  width: 140px;
	}
	
input.bot_cab:hover, input.bot_cab:active {
	color: #26370A;
	background: url(../images/rectb06over.gif);
	background-repeat:no-repeat;
	}

.graph-area {
	width: 450px;
	height: 255px;	
}
