/*##########################################################################
#                                                                          #
#   UNIAPAM FLOAT LAYOUT - LOGICA.Studio DESIGN & WEB DEVELOPMENT - ALEX   #
#                                                                          #
##########################################################################*/

body {
     margin: 0;
     padding: 0;
     font-size: 75%;
     font-family: verdana, arial, san-serif;
     color: #555555;
     line-height: 1.5em;
     background: #E2DECF;
}

/*---------------------------------------------------------
					PAGE LAYOUT
-----------------------------------------------------------*/
#page_section {
     width: 85%;
     margin: 0 auto;
     padding: 10px;
     text-align: left;
     background: #FFFFFF url("img/margin.png") top right no-repeat;

     border-radius:4px;
     -moz-border-radius:4px;
     -webkit-border-radius:4px;
    
}

#top {
     width: 85%;
     height: 70px;
     margin: 0 auto;
     padding: 0px 10px;
     text-align: left;
     background: url("img/topheader.png") bottom right no-repeat;

}

#header{
     background: #4571B8 url('img/header.png') top right no-repeat;
     height: 120px; 
     margin: 0;
     padding: 0;
     border-bottom: 1px solid #898989;
     -webkit-border-top-left-radius: 4px;
     -webkit-border-top-right-radius: 4px;
     -moz-border-radius-topleft: 4px;
     -moz-border-radius-topright: 4px;
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
     
}

#header_left {
     float: left;
     width: 350px;
     padding: 0;
     margin: 0;
}

#header_right {
     float: right;
     width: 350px;
}

#menu {
     /*background: #b7b7b7 url(../img/bar.png) top right no-repeat;*/
     padding: 5px;
     border-top: 1px solid #cccccc;
     border-bottom: 1px solid #898989;
     background-image: -webkit-gradient(linear, left bottom, left top,color-stop(0, rgb(183,183,183)), color-stop(1, rgb(255,255,255)));
     background-image: -moz-linear-gradient( center bottom,  rgb(183,183,183) 0%,  rgb(255,255,255) 100% );  
     filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#B7B7B7', EndColorStr='#FFFFFF', GradientType=0);
}

#content_wrapper {
     float: left;
     width: 100%;
}

#center_column {
     margin: 0 190px 0 190px; /*Margins for content column. Should be "0 right_columnWidth 0 left_columnWidth*/
}

#left_column {
     float: left;
     width: 190px; 
     margin-left: -100%;
     background: #F7F7F7 url('../img/sidebar_fade.jpg') bottom left repeat-x;
     background: #FFFFFF;
}

#right_column {
     float: left;
     width: 190px; 
     margin-left: -190px; 
     background: #F7F7F7 url('../img/sidebar_fade.jpg') bottom left repeat-x;
     background: #ffffff;
}

.column_padding {
     margin: 15px;
     padding:0px;
}

#footer {
     background: #4571B8 url('img/footer.png') top right no-repeat;
     clear: left;
     width: 100%;
     padding: 0;
     margin: 0;
     -webkit-border-bottom-right-radius: 4px;
     -webkit-border-bottom-left-radius: 4px;
     -moz-border-radius-bottomright: 4px;
     -moz-border-radius-bottomleft: 4px;
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 4px;
}


/*---------------------------------------------------------
                         MENU
-----------------------------------------------------------*/

ul#navlist {
     margin: 0;
     padding: 0;
     font-weight: bold;
     font-size: 1.2em;
     padding: .3em 0;
}

#navlist li {
     display: inline;
     list-style-type: none;
     margin: 0; padding: 0;
     line-height: 1.7em;
}

#navlist a { padding: .4em .6em; margin: 0;}

#navlist a:link, #navlist a:visited {
     color: #4571B8;
     background-color: transparent;
     text-decoration: none;
     border: none;     
}

#navlist a:hover {
     color: #b7b7b7;
     background-color: #FFFFFF;
     border-bottom: 1px solid #3F72C6;
     text-decoration: none;
}

/*---------------------------------------------------------
			            TYPOGRAPHY
-----------------------------------------------------------*/

p {
     margin: 0 0 10px 0;
     padding: 0;
     font-size: 1em;
     line-height: 1.6em;
}

blu {color: #669;}

red{color:red;}

line{text-decoration: underline;}

#moduletable_right p  {
     margin: 0 0 10px 0;
     padding: 0;
     font-size: 1em;
     line-height: 1.6em;
     text-align: center;
}


#footer p {
     color: #EEEEEE;
     text-align: center;
     padding: 20px;
     margin: 0;
     font-size: 1em;
}

h1 {
     margin: 0 0 .5em 0;
     padding: 0;
     font-size: 1.8em;
     line-height: 1.2em;     
     letter-spacing: -1px;
     color: #333333;
}
h1 blu {
     color: #039;
     font-weight:bold;
}

h1blucenter {
     margin: 0 0 .5em 0;
     padding: 0;
     font-size: 1.8em;
     line-height: 1.2em;     
     letter-spacing: -1px;
     color: #039;
     font-weight:bold;
     text-align:center;
}

/*firma*/
h2 {
     text-align: right;
     margin: 0 0 10px 0;
     padding: 0;
     font-size: 1em;
     line-height: 1.6em;
}

big {
     font-family: arial;
}

due{
    font-size: 1.2em;
}

tre{
    font-size: 1.3em;
    font-weight:bold; 
}


#header_left h1{
     margin: 20px 0 0 25px;
     padding: 0;
     font-size: 2.2em;
     line-height: 1.2em;     
     letter-spacing: -1px;
     color: #333333;
}


#header_left h2 {
     font-size: 1.1em;
     line-height: 1.2em;
     font-weight: normal;
     letter-spacing: 0px;
     color: #DDDDDD;
     margin: 0 0 0 25px;
     padding: 0;
}

 #center{text-align:center;}
 #firma{text-align: right;}

 a{color: #669; text-decoration:none;}
 a:hover{ text-decoration:underline;}
/*---------------------------------------------------------
                           LINKS
-----------------------------------------------------------*/

#header a:link, #header a:visited, #header a:active { 
     background-color: transparent;
     color: #FFFFFF; 
     text-decoration: none;
}

#header a:hover { 
     background-color: transparent;
     color: #FFFFFF; 
     text-decoration:underline;
}

/*---------------------------------------------------------
                    IMAGES & GRAPHICS
-----------------------------------------------------------*/

.photo {
     float: right;
     padding: 5px;
     border: 1px solid #dddddd;
     border-top: 1px solid #eeeeee;
     border-left: 1px solid #eeeeee;
     margin: 5px 0 5px 10px;
}


.photol {
     float: left;
     padding: 5px;
     border: 1px solid #dddddd;
     border-top: 1px solid #eeeeee;
     border-left: 1px solid #eeeeee;
     margin: 0px 15px 0px 0px;
}

.photo img {
        border: none;
}

img.centered {
     display: block;
     margin-left: auto;
     margin-right: auto 
}


#moduletable_right h3{
     font-size: 120%;
     font-weight: bold;
     background-color: #eee;
     padding: 4px 0 4px 0;
     margin: 0 0 5px 0;
     border-bottom: 1px solid #ccc;
     color: #4571B8;
     text-align: center;
     vertical-align: middle;
     width:100%;

     background-image: -webkit-gradient(linear, left bottom,left top, color-stop(0.3, rgb(238,238,238)), color-stop(1, rgb(255,255,255)));
     background-image: -moz-linear-gradient(center bottom, rgb(238,238,238) 30%, rgb(255,255,255) 100%);
     filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFFFFF', EndColorStr='#EEEEEE', GradientType=0);

     border-radius:4px 4px 0 0;
     -moz-border-radius:4px 4px 0 0;
     -webkit-border-radius:4px 4px 0 0;

     text-shadow: 1px 1px 1px #fff;

}

#moduletable_right {
     margin-bottom: 10px;
     border: 1px solid #ccc;
     margin-top: 10px;
     background-color: #FFFFFF;


     box-shadow:0 0 6px #CCC;
     -webkit-box-shadow:0 0 6px #CCC;
     -moz-box-shadow:0 0 6px #CCC;
     -o-box-shadow:0 0 6px #CCC;

     border-radius:4px;
     -moz-border-radius:4px;
     -webkit-border-radius:4px;
}
#moduletable_right form{
     
     margin:15px;
}

#table_button {
     height: 40px;
     line-height:40px;
     font-size: 120%;
     font-weight: bold;
     background-color: #eee;
     padding: 4px 0 4px 0;
     margin: 0 0 5px 0;
     border-bottom: 1px solid #ccc;
     color: #4571B8;
     text-align: center;
     vertical-align: middle;

     background-image: -webkit-gradient(linear, left bottom,left top, color-stop(0.3, rgb(238,238,238)), color-stop(1, rgb(255,255,255)));
     background-image: -moz-linear-gradient(center bottom, rgb(238,238,238) 30%, rgb(255,255,255) 100%);
     filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFFFFF', EndColorStr='#EEEEEE', GradientType=0);

     border-radius:4px;
     -moz-border-radius:4px;
     -webkit-border-radius:4px;

     text-shadow: 1px 1px 1px #fff;

     box-shadow:0 0 6px #CCC;
     -webkit-box-shadow:0 0 6px #CCC;
     -moz-box-shadow:0 0 6px #CCC;
     -o-box-shadow:0 0 6px #CCC;
}

#liltable_button {
     height: 15px;
     width: 150px;
     line-height:15px;
     font-size: 100%;
     font-weight: bold;
     background-color: #eee;
     padding: 4px 0 4px 0;
     margin: 0 0 5px 0;
     border-bottom: 1px solid #ccc;
     color: #4571B8;
     text-align: center;
     vertical-align: middle;

     background-image: -webkit-gradient(linear, left bottom,left top, color-stop(0.3, rgb(238,238,238)), color-stop(1, rgb(255,255,255)));
     background-image: -moz-linear-gradient(center bottom, rgb(238,238,238) 30%, rgb(255,255,255) 100%);
     filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#FFFFFF', EndColorStr='#EEEEEE', GradientType=0);

     border-radius:4px;
     -moz-border-radius:4px;
     -webkit-border-radius:4px;

     text-shadow: 1px 1px 1px #fff;

     box-shadow:0 0 6px #CCC;
     -webkit-box-shadow:0 0 6px #CCC;
     -moz-box-shadow:0 0 6px #CCC;
     -o-box-shadow:0 0 6px #CCC;

}

     img {border: none;}

/*---------------------------------------------------------
                         TABLES
-----------------------------------------------------------*/

#gradient-tab
{
     font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
     font-size: 12px;
     margin: 0px;
     width: 100%;
     text-align: left;
     border-collapse: collapse;
}
#gradient-tab th
{
     font-size: 13px;
     font-weight: normal;
     padding: 8px;
     background: #b9c9fe url('img/table/gradhead.png') repeat-x;
     border-top: 2px solid #d3ddff;
     border-bottom: 1px solid #fff;
     color: #039;
}
#gradient-tab td
{
     padding: 8px; 
     border-bottom: 1px solid #fff;
     color: #669;
     border-top: 1px solid #fff;
     background: #e8edff url('img/table/gradback.png') repeat-x;
}
#gradient-tab tfoot tr td
{
     background: #e8edff;
     font-size: 12px;
     color: #99c;
     text-align: right;
}
#gradient-tab tbody tr:hover td
{
     background: #d0dafd url('img/table/gradhover.png') repeat-x;
     color: #339;
}


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

#hor-zebra
{
     font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
     font-size: 12px;
     margin: 0px;
     width: 100%;
     text-align: left;
     border-collapse: collapse;
}
#hor-zebra th
{
     font-size: 14px;
     font-weight: normal;
     padding: 10px 8px;
     color: #039;
     border-right: 1px solid #fff;
     border-left: 1px solid #fff;
}
#hor-zebra td
{
     padding: 8px;
     color: #669;
     border-right: 1px solid #fff;
     border-left: 1px solid #fff;
}
#hor-zebra .odd
{
     background: #e8edff; 
}