/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    font-size: .85em;
    font-family: "Trebuchet MS" , Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
}

a:link
{
    color: #034af3;
    text-decoration: underline;
}

a:visited
{
    color: #505abc;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #12eb87;
}



header, footer, nav, section
{
    display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2
{
    padding: 0 0 10px 0;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

header, #header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

header h1, #header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    text-shadow: 1px 1px 2px #111;
}

#main
{
    padding: 30px 30px 15px 30px;
    background-color: #fff;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
}

footer, #footer
{
    height: 40px;
    margin-bottom: 3px;
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4p;x
    -moz-border-radius: 0 0 4px 4px;
     line-height: 40px;
}

#footer span 
{
    margin-left: 690px;
}

#footer ul { margin-left: 118px; }

#footer ul li 
{
    float: left;
    list-style: none;
    margin-left: 5px;
    margin-top: 4px;
}

.ImgDiv
{
    display: none;
    position: absolute;
    top: 0;
    z-index: 2000;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 0px;
    position: relative;
    margin: 0; /*text-align: right;*/
    z-index: 9000;
    background-color: #CC3333;
    height: 35px;
    width: 100%;
    list-style: none;
    white-space: nowrap;
    display: inline-block;
}

ul#menu li
{
    display: inline;
}

ul#menu > li:first-child
{
    margin-left: 159px;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #CC3333;
    color: #FFFFFF; /* border-radius: 4px 4px 0 0;     -webkit-border-radius: 4px 4px 0 0;     -moz-border-radius: 4px 4px 0 0;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

ul#menu > li span
{
    border-right-style: solid;
    border-right-width: thin;
    border-right-color: #FFFFFF;
}

ul#menu > li:last-child span
{
    border-right-style: none;
}


ul#menu li a:hover
{
    background-color: #CC3333;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #CC3333;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}


ul#menu li ul
{
    list-style: none;
    display: none;
}

ul#menu li:hover > ul
{
    padding-left: 0px;
    display: block;
    position: absolute;
    background-color: #CC3333;
}


ul#menu > li:hover li
{
    float: none;
}

ul#menu li:hover li:hover, ul#menu li:hover li:hover a
{
    background-color: #d9aaab;
}


ul#menu li:hover ul li:hover ul
{
    visibility: visible;
    position: absolute;
    left: 100px;
}



ul#menu li ul li
{
    float: left;
}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend
{
    font-size: 1.2em;
    font-weight: bold;
}

textarea
{
    min-height: 75px;
}

input[type="text"], input[type="password"]
{
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
    width: 200px;
}

select
{
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 1.2em;
    color: #444;
}

input[type="submit"]
{
    font-size: 1.2em;
    padding: 5px;
}

/* TABLE
----------------------------------------------------------*/

table
{
    border: solid 1px #e8eef4;
    border-collapse: collapse;
}

table td
{
    padding: 5px;
    border: solid 1px #e8eef4;
}

td .SemBorder
{
    border: 0px;
}

table th
{
    padding: 6px 5px;
    text-align: left;
    background-color: #e8eef4;
    border: solid 1px #e8eef4;
}

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color: Red;
}

nav, #menucontainer
{
    margin-top: 40px;
}

div#title
{
    display: block;
    float: left;
    text-align: left;
}

#logindisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    margin: 10px;
    color: White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label
{
    margin: 1em 0 0 0;
}

.display-field, .editor-field
{
    margin: 0.5em 0 0 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}


/* ================================================================ 
CSS Multilevel Dropdown Menu 
Original version by Stu Nicholls Copyright (c) 2005-2009 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/anywidth2.html
Modified and annotated by Mike Nichols, October 24, 2009
=================================================================== */
/* MENU BAR AND DEFAULT FONT */
#css_menu_aw
{
    /* width of menu */
    width: 100%; /* center menu tabs or not */
    text-align: left; /* font family if desired */ /*font-family: Verdana,Arial,sans-serif;*/
}

/*-----HEIGHT OF ITEMS - should all be the same value */
#css_menu_aw
{
    height: 35px;
}
#css_menu_aw a
{
    line-height: 35px;
}
#css_menu_aw a:hover ul, #css_menu_aw li.left a:hover ul, #css_menu_aw ul li:hover > ul, #css_menu_aw li.left:hover > ul
{
    top: 35px;
}
/* this number must remain negative */
#css_menu_aw ul ul li:hover > ul, #css_menu_aw li.left ul li:hover > ul
{
    margin-top: -35px;
}
/*-----*/






/* ITEM ARROWS AND FONT STYLING WHEN ITEM HAS DROPDOWNS */
/* menu arrow down */
#css_menu_aw li a.down
{
    background: transparent url(arrow-down-white.gif) no-repeat right center;
}
/* menu arrow right and color of font when item has dropdowns */
#css_menu_aw li ul a.flyout
{
    background: transparent url(/Content/images/rightArrow.png) no-repeat right center;
    
}
/* menu arrow left and color of font when item has dropdowns */
#css_menu_aw li.left ul a.flyout
{
    background: transparent url(/Content/images/rightArrow.png) no-repeat left center;
    
}

/* ITEM BACKGROUND AND FONT STYLING */
/* level one: main menu*/
/* main menu: no background to get floating tabs */
#css_menu_aw
{
    background-color: #CC3333;
}
/* main menu tabs */
#css_menu_aw ul.level1
{
    background-color: #CC3333;
    margin-left: 159px !important;
}
#css_menu_aw ul.level1 a
{
    font-weight: bold;
    text-decoration: none;
    background-color: #CC3333;
    color: #FFFFFF; /* border-radius: 4px 4px 0 0;     -webkit-border-radius: 4px 4px 0 0;     -moz-border-radius: 4px 4px 0 0;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}


/* second level */
#css_menu_aw ul.level2
{
    background-color: #CC3333;
}
#css_menu_aw ul.level2 a
{
    font-weight: bold;
    text-decoration: none;
    line-height: 25px;
    background-color: #CC3333;
    color: #FFFFFF; /* border-radius: 4px 4px 0 0;     -webkit-border-radius: 4px 4px 0 0;     -moz-border-radius: 4px 4px 0 0;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}



#css_menu_aw ul.level2 a:hover
{
    background-color: #E4A897;
}

#css_menu_aw ul.level2 .level2-DropBox
{
    background-image: url("/Content/images/DropBox.png") !important;
    background-repeat: no-repeat;
    display: block;
}
/* third level */
#css_menu_aw ul.level3
{
    background-color: #CC3333;
    margin-top: -25px !important;
}
#css_menu_aw ul.level3 a
{
    font-weight: bold;
    text-decoration: none; /*  line-height: 25px;*/
    background-color: #CC3333;
    color: #FFFFFF; /* border-radius: 4px 4px 0 0;     -webkit-border-radius: 4px 4px 0 0;     -moz-border-radius: 4px 4px 0 0;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}
/* fourth level */
#css_menu_aw ul.level4
{
    background-color: #CC3333;
}
#css_menu_aw ul.level4 a
{
    font-weight: bold;
    text-decoration: none; /* line-height: 2.8em;*/
    background-color: #CC3333;
    color: #FFFFFF; /* border-radius: 4px 4px 0 0;     -webkit-border-radius: 4px 4px 0 0;     -moz-border-radius: 4px 4px 0 0;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}
/* hover */
#css_menu_aw li a:hover, #css_menu_aw li a.flyout:hover
{
    /*
    font-weight: bold;
    text-decoration: none;
    background-color: #CC3333;
    color: #FFFFFF; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    */
   
}
#css_menu_aw li:hover > a, #css_menu_aw ul li:hover > a.flyout
{
    /*
    font-weight: bold;
    text-decoration: none;
    background-color: #CC3333;
    color: #FFFFFF; 
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;*/
}
.liSeparador
{
    border-right-color: #ffffff;
    border-right-width: thin;
    border-right-style: solid;
    height: 20px;
    margin-top: 5px !important;
}

/*===== DO NOT CHANGE ANYTHING BELOW THIS LINE =====*/
#css_menu_aw a:hover ul
{
    left: 0;
}
#css_menu_aw li.left a:hover ul
{
    left: auto;
    right: -1px;
}
#css_menu_aw ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    white-space: nowrap;
    text-align: left;
}
#css_menu_aw ul
{
    display: inline-block;
}
#css_menu_aw li
{
    margin: 0;
    padding: 0;
    list-style: none;
}
#css_menu_aw li
{
    display: inline-block;
    display: inline;
}
#css_menu_aw ul ul
{
    position: absolute;
    left: -9999px;
    z-index: 9000;
}
#css_menu_aw ul.level1
{
    margin: 0 auto;
}
#css_menu_aw ul.level1 li.level1-li
{
    float: left;
    display: block;
    position: relative;
}
#css_menu_aw b
{
    position: absolute;
}
#css_menu_aw a
{
    display: block;
    padding: 0 20px 0 10px;
}
#css_menu_aw ul.level1 li.level1-li a.level1-a
{
    float: left;
}
#css_menu_aw ul li:hover > ul
{
    visibility: visible;
    left: 0;
}
#css_menu_aw ul ul li:hover > ul
{
    visibility: visible;
    left: 100%;
    top: auto;
}
#css_menu_aw li.left:hover > ul
{
    visibility: visible;
    left: auto;
    right: 0;
}
#css_menu_aw li.left ul li:hover > ul
{
    visibility: visible;
    left: auto;
    right: 100%;
    top: auto;
}
#css_menu_aw li.left ul a
{
    text-align: right;
    padding: 0 10px 0 20px;
}
#css_menu_aw a:hover a:hover ul, #css_menu_aw a:hover a:hover a:hover ul
{
    left: 100%;
    visibility: visible;
}
#css_menu_aw li.left a:hover a:hover ul, #css_menu_aw li.left a:hover a:hover a:hover ul
{
    left: auto;
    right: 0;
    visibility: visible;
}
#css_menu_aw a:hover ul ul, #css_menu_aw a:hover a:hover ul ul
{
    left: -9999px;
}
#css_menu_aw li.left a:hover ul ul, #css_menu_aw li.left a:hover a:hover ul ul
{
    left: -9999px;
}
#css_menu_aw table
{
    position: absolute;
    height: 0;
    width: 0;
    left: 0;
    border-collapse: collapse;
    margin-top: -4px;
    z-index: 9000;
}
#css_menu_aw table table
{
    position: absolute;
    left: 99%;
    height: 0;
    width: 0;
    border-collapse: collapse;
    margin-top: -29px;
    z-index: 9000;
}
#css_menu_aw li.left table
{
    position: absolute;
    height: 0;
    width: 0;
    left: auto;
    right: 0;
    border-collapse: collapse;
    margin-top: -4px;
    z-index: 9000;
}
#css_menu_aw li.left table table
{
    position: absolute;
    left: auto;
    right: 100%;
    height: 0;
    width: 0;
    border-collapse: collapse;
    margin-top: -29px;
    z-index: 9000;
}


 #css_menu_aw a:active,
  #css_menu_aw ul li a.selected
{
    color: #ffff33 !important;
}
/******************************Content**************************************************************/

.siteContentTitle {
font-size: 13px;
color: #FFF;
background: #F0A132;
border: none;
margin-top: 10px;
padding:10px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

.siteContent {
font-family: "Trebuchet MS" , Verdana, Helvetica, Sans-Serif;
font-size: 14px;
color: #666666;
margin-top:16px;    
}


.siteContent p {
font-family: "Trebuchet MS" , Verdana, Helvetica, Sans-Serif;
}


.volunteerApplication
{
    border-width: 0px;
    border-style: none;
}

.volunteerApplication td
{
    border-width: 0px;
    border-style: none;
}

/*.volunteerApplication td
{
    width: 100px;
}*/


form .volunteerApplication input.academyBox 
{
   width: 180px; 
}

.volunteerApplication input[type="text"]
{
    width: 400px;
}

#Availability td
{
    border-width: 1px;
    border-style: solid;
    text-align: center;
}

#Availability
{
    width: 550px;
}

textarea
{
    max-height:175px;
    min-height:175px;
    max-width:587px;
    min-width:587px;
}

#fb-top-header 
{
    background: url(/Content/images/FollowQinet/SocialNetworks/imagem_facebook-01.png) no-repeat;
    width: 852px;
    height: 50px;
    margin: 30px 0 40px -3px;
}

.fb-like-box
{
    float: left;
}

#social-like-comments 
{
    float:left;
    margin-left: 15px;
    width: 510px;
}

.fb-comments 
{
    margin-top: 5px;
}

#tt-top-header 
{
    background: url(/Content/images/FollowQinet/SocialNetworks/imagem_twitter-01.png) no-repeat;
    width: 852px;
    height: 50px;
    clear: both;
    margin: 30px 10px 40px -3px;
}

#flags-lang
{
    margin-left: 1125px;
    width: 240px;
    height: 200px; 
    z-index: 99999;
}


#flags-lang ul
{
    list-style: none;
    width: 160px;
    overflow: hidden;
    text-indent: none;
    padding: 0;
    margin-left: 90px;
    margin-top: 5px;
}

#flags-lang ul li
{
    float: left;
   
}

#flags-lang ul li a 
{
    
    display: block;
    width: 16px;
    height: 11px;
    margin: 5px;
}

#flags-lang ul li.en a 
{
    background-image: url(/Content/images/flags/us.png);
}

#flags-lang ul li.de a 
{
    background-image: url(/Content/images/flags/de.png);
}

#flags-lang ul li.es a 
{
    background-image: url(/Content/images/flags/es.png);
}

#flags-lang ul li.fr a 
{
    background-image: url(/Content/images/flags/fr.png);
}

#flags-lang ul li.pt a 
{
    background-image: url(/Content/images/flags/pt.png);
}

#flags-lang ul li.jp a 
{
    background-image: url(/Content/images/flags/jp.png);
}
.hide 
{
   display: none;
}





/* PÁGINA REVISTAS 
------------------------------------------------------------*/

.filtrar {
background: #CC3333;
width:100%;
padding:5px;
color:#FFF;
height: 31px;
}
.filtrar ul
{
list-style-type:none;
margin:0;
padding:0;
line-height: 31px;
}
.filtrar ul li
{
    display:inline;
}
.filtrar ul li a
{
    margin-left:5px;
    background:#CC3333;
    text-decoration:none;
    color:#FFF;
    padding:5px 10px 5px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.filtrar ul li:hover a, .filtrar ul li.selected a
{
    background:#FFF;
}
.filtrar ul li:hover a, .filtrar ul li.selected a
{
    color:#CC3333;
}
#revistas h3 {
    text-transform:uppercase;
    color:#207985;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    top:10px;
    clear:both;
    position:relative;
}
.preview {
    width: 180px;
    height: 256px;
    margin: 2px 5px 10px 5px;
    float: left;
    border: 10px solid #fefefe;
    background: #FEFEFE;
    overflow: hidden;
    position: relative;
    cursor: default;
    text-align: center;
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
    -moz-box-shadow: 1px 1px 2px #e6e6e6;
    box-shadow: 1px 1px 2px #e6e6e6;
}
.preview .mask, .preview .content {
    width: 180px;
    height: 256px;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
.preview img {
    display: block;
    position: relative;
    -webkit-transition: all 0.4s ease-in-out 0.2s;
    -moz-transition: all 0.4s ease-in-out 0.2s;
    -o-transition: all 0.4s ease-in-out 0.2s;
    -ms-transition: all 0.4s ease-in-out 0.2s;
    transition: all 0.4s ease-in-out 0.2s;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}
.preview .mask {
    background-color: #45C2C3;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: scale(0) rotate(-180deg);
    -moz-transform: scale(0) rotate(-180deg);
    -o-transform: scale(0) rotate(-180deg);
    -ms-transform: scale(0) rotate(-180deg);
    transform: scale(0) rotate(-180deg);
    -webkit-transition: all 0.4s ease-in;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -ms-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
.preview h4 {
    font-family:Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #FFF;
    text-align: center;
    font-size: 12px;
    position: relative;
    margin: 20px 30px 0px 30px;
    padding: 10px;
    border-bottom: 1px solid #FFF;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.preview p {
    padding: 10px 20px 2px 20px;
    font-family: Georgia, serif;
    font-style: italic;
    font-size: 12px;
    position: relative;
    color: #FFF;
    text-align: center;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.preview:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: scale(1) rotate(0deg);
    -moz-transform: scale(1) rotate(0deg);
    -o-transform: scale(1) rotate(0deg);
    -ms-transform: scale(1) rotate(0deg);
    transform: scale(1) rotate(0deg);
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.preview:hover img {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -ms-transition-delay: 0s;
    transition-delay: 0s;
}
.preview:hover h4, .preview:hover p, .preview:hover a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    transition-delay: 0.5s;
}
.preview a.info {
    display: inline-block;
    text-decoration: none;
    padding: 7px 14px;
    background-color: #207985;
    text-transform: uppercase;
    color: #FFF;
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.preview a:hover {
    background-color: #CC3333;
}


/* PÁGINA BOX CONTENTS
------------------------------------------------------------*/
div#right 
{
    margin-top: -5px;
}

div#right .item 
{
    margin: 5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px; 
    background-color: rgb(243, 243, 243);
    padding: 10px 10px;
    width: 217px; 
    font-family: Verdana;
}
div#right .item .content-title
{
   font-weight: bold;
   font-size: 12px;
   color: #0F75BC; 
   display: block;
   margin-bottom: 2px;
   border-bottom: 1px solid #0F75BC;
   padding-bottom: 4px;
}

div#right .item .content 
{
    width: 217px;
    overflow: hidden;
    font-family: Verdana;
    font-size: 11px;
}
/* FIM BOX CONTENTS
------------------------------------------------------------*/
/* PÁGINA EDUCATIONAL 
	------------------------------------------------------------*/
	
	/* Thumbnail caroussel */
	.jThumbnailScroller {
	position:relative;
	height:165px;
	background:#ededed;
	padding:0;
	overflow:hidden;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	}
	.jTscrollerContainer {
	position:absolute;
	padding:5px;
	}
	.jTscroller {
	position:relative;
	height:100%;
	margin:0;
	left:0;
	top:0;
	display:inline-block;
	*display:inline;
	}
	.jTscrollerNextButton, .jTscrollerPrevButton {
	position:absolute;
	display:block;
	width:40px;
	height:40px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	}
	.jTscrollerNextButton {
	background:#000 url(/Content/images/nextArrow.png) center center;
	margin:-20px 10px 0 10px;
	right:0;
	top:50%;
	}
	.jTscrollerPrevButton {
	background:#000 url(/Content/images/prevArrow.png) center center;
	margin:-20px 10px 0 10px;
	left:0;
	top:50%;
	}
	.jTscrollerNextButton:hover, .jTscrollerPrevButton:hover {
	background-color:#C33;
	}
	.jTscroller a {
	width:140px;
	height:140px;
	display:block;
	float:left;
	border:1px solid #FFF;
	margin:6px 10px 6px 0;
	background:#fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	opacity:0.8;
	}
	.jTscroller a:hover {
	border:1px solid #333;
	opacity:1;
	
	}
	.jTscroller a:first-child {
	margin-left:10px;
	}
	.jTscroller img {
	position:relative;
	z-index:0;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	}
	.titulo_thumb {
	padding:2px;
	background:#C33;
	
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	line-height:1.5;
	position:relative;
	z-index:1;
	top:-130px;
	}
	
	/* HTML Container */
	#htmlcontainer h2 {
	margin:30px 0 10px 0;
	color:#45c2c3;
	}
	.box_title {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin:20px 0 5px 0;
	background-color:#666;
	padding:5px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	}
	.comment_box {
	margin:3px 0 6px 0;
	min-height:80px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding:10px 5px 5px 50px;
	background:#fbfafa url("/Content/images/forum_coment.png") no-repeat;
	background-position:left center;
	}
	.comment_box h6 {
	margin:20px 0 3px 25px;
	}
	.comment_box p {
	margin-left:25px;
	}
	.comment_box a {
	color:#428bc5;
	}
	#htmlcontainer textarea {
	background-color: white;
	border: 1px solid #cccccc;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	margin: 0 0 12px 0;
	padding: 6px;
	min-width: 830px;
	height:100%;
	}
	.button, input[type="submit"] {
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	font-weight: bold;
	line-height: 1;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding:15px;
	font-size: 12px;
	/*background-color: #45c2c3;
	border-color: #34a0a1;
	*/
	background-color: #E9AA1F;
	border-color: #D79C15;
	
	color: white;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	}
	
	.btn {
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	font-weight: bold;
	line-height: 1;
	position: relative;
	text-decoration: none;
	text-align: center;
	display: inline-block;
	padding:15px;
	font-size: 12px;
	color: white;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	}
	
	.btn.success {
	background-color: #8cc123;
	border-color: #7cab1f;
	color: white; 
	text-decoration: none;
	}
	
	.btn.large {
	padding-top:1em;
	padding-right:2em;
	padding-bottom:1.0625em;
	padding-left:2em;
	font-size:1.25em;
	margin-bottom:20px;
	}
	
	
	button:hover, button:focus, .button:hover, .button:focus, input[type="submit"]:hover {
	background-color: #34a0a1;
	}
	button:hover, button:focus, .button:hover, .button:focus, input[type="submit"]:hover {
	color: white;
	}
	.filtrar {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
	.more_comments {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-top:5px;
	background-color:#efefef;
	padding:10px;
	font-weight:bold;
	text-align:center;
	}
	.more_comments a {
	color:#333;
	text-decoration:none;
	}


/* EDUCATIONAL  &  TECHNOLOGICAL --------------------------------------------------------------------------------------*/

@font-face {
	font-family: 'icomoon1';
	src:url('fonts/icomoon1.eot');
	src:url('fonts/icomoon1.eot?#iefix') format('embedded-opentype'),
		url('fonts/icomoon1.woff') format('woff'),
		url('fonts/icomoon1.ttf') format('truetype'),
		url('fonts/icomoon1.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
} 

	
	#page-container { /* Ao copiar, remover este estilo */
	width: 845px;
	}


	/* TECHNOLOGICAL */
	#grid_container {
	width: 700px;
	margin:10px 0 10px 55px;
	border:1px solid #CCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:#fdfdfd;
	padding:10px 10px 50px 10px;
	}
	#grid_container .item {
	float: left;
	margin :2px;
	text-align: center;
	}
	#grid_container .item a {
	width:92px;
	height:50px;
	display: block;
	position: relative;
	outline: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:#E5B53B;
	padding:10px;
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration:none;
	color:#FFF;
	font-size:12px;
	}
	#grid_container .item1 a {
	background:#9ED8D5;
	}
	
	#grid_container .item a.tech 
	{
	    background: #B32317;
	}
	
	#grid_container .item a:hover {
	background:#B32317;
	}
	#grid_container .item1 a:hover {
	background:#B32317;
	}
	#grid_container .item a:hover span {
	top: 50px;
	}
	#grid_container .item a span {
	display:none;
	width: 300px;
	height: 260px;
	position: absolute;
	left:50%;
	margin-left: -60px;
	bottom: 100px;
	border: 4px solid #fff;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 10px;
	background:#B32317;
	text-align:left;
	color: #FFF;
	line-height: 20px;
	font-weight: 400;
	font-size: 12px;
	text-indent: 0px;
	pointer-events: none;
	z-index:100;
	}
	#grid_container .item ul {
	text-align:left;
	}
	.left {
	float:left;
	}
	
	.text-center {
	text-align:center;
	}
	.info {
	position:relative;
	top:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:10px;
	background:#f2f2f2;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#666;
	}
	
	/* EDUCATIONAL */
	.image_container {
	position: relative; 
	margin:10px 0 10px 0;
	border:1px solid #CCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:#fdfdfd;
	padding:10px;
	}
	
	/* Plano Curricular */
	.text_container1, .text_container2, .text_container3, .text_container4 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:40px 15px 15px 15px;
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	} 
	.text_container1 p, .text_container2 p, .text_container3 p, .text_container4 p {
	color:#FFF;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	} 
	.text_container1 {
	width:250px;
	background:#A82028 url('imagens/pin.png') no-repeat 15px 5px;
	margin:50px 0 0 50px;
	}
	.text_container2 {
	width:200px;
	background:#F0A132 url('imagens/pin.png') no-repeat 15px 5px;
	margin:50px 0 0 10px;
	}
	.text_container3 {
	width:760px;
	background:#F0A132 url('imagens/pin.png') no-repeat 15px 5px;
	margin:-50px 0 0 10px;
	}
	.text_container4 {
	width:250px;
	background:#11AAD3 url('imagens/pin.png') no-repeat 15px 5px;
	margin:10px 0 0 50px;
	}
	
	/* Image Map 1 (QINet Core) */
	.map_image1 { 
	display: block; 
	width: 400px; 
	height: 379px; 
	position: relative; 
	background-position: 0 0; 
	background-repeat: no-repeat;
	background-image: url('imagens/qinet_core1.png'); 
	}
	.map_image1 #map_link_0 { width: 102px; height: 102px; top: 3px; left: 148px; }
	.map_image1 #map_link_1 { width: 102px; height: 102px; top: 105px; left: 291px; }
	.map_image1 #map_link_2 { width: 102px; height: 102px; top: 272px; left: 236px; }
	.map_image1 #map_link_3 { width: 102px; height: 102px; top: 272px; left: 61px; }
	.map_image1 #map_link_4 { width: 102px; height: 102px; top: 107px; left: 8px; }
	.map_image1 #map_link_5 { width: 102px; height: 102px; top: 151px; left: 148px; background:none; border:none;}
	.map_image1 .map_link, .map_image2 .map_link, .map_image3 .map_link { 
	display: block; 
	position: absolute; 
	border:1px solid #FFF;
	border-radius:150px; 
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	background-color:#CCC; 
	padding:5px;
	color: #FFF;
	line-height: 15px;
	text-align: center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	text-decoration:none;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out; 
	}
	.map_image1 .map_link span, .map_image2 .map_link span, .map_image3 .map_link span {
	position:relative;
	top:28px; 
	}
	.map_image1 .map_link:hover, .map_image2 .map_link:hover, .map_image3 .map_link:hover {
	background-color:#A62027;
	} 
	.map_image1 .map_link:hover {
	background-color:#A62027;
	} 
	
	/* Image Map 2 (QINet Específicas) */
	.map_image2 { 
	display: block; 
	width: 562px; 
	height: 485px; 
	position: relative; 
	background-position: 0 0; 
	background-repeat: no-repeat; 
	background-image: url('imagens/qinet_especificas1.png'); 
	}
	.map_image2 #map_link_0 { width: 96px; height: 96px; top: 16px; left: 153px; }
	.map_image2 #map_link_1 { width: 96px; height: 96px; top: 71px; left: 267px; }
	.map_image2 #map_link_2 { width: 85px; height: 85px; top: 169px; left: 463px; }
	.map_image2 #map_link_3 { width: 85px; height: 85px; top: 313px; left: 426px; }
	.map_image2 #map_link_4 { width: 96px; height: 96px; top: 298px; left: 218px; }
	.map_image2 #map_link_5 { width: 96px; height: 96px; top: 298px; left: 89px; }
	.map_image2 #map_link_6 { width: 96px; height: 96px; top: 195px; left: 8px; }
	.map_image2 #map_link_7 { width: 96px; height: 96px; top: 71px; left: 34px;}
	.map_image2 #map_link_8 { width: 106px; height: 106px; top: 160px; left: 148px; background:none; border:none; }
	.map_image2 #map_link_9 { width: 96px; height: 96px; top: 197px; left: 298px; background:none; border:none; }
	.map_image2 .map_link:hover {
	background-color:#EF9F38;
	} 
	
	/* Image Map 3 (QINet Opcionais) */
	.map_image3 { 
	display: block; 
	width: 400px; 
	height: 394px; 
	position: relative; 
	background-position: 0 0; 
	background-repeat: no-repeat; 
	background-image: url('imagens/qinet_opcionais1.png');
	}
	.map_image3 #map_link_0 { width: 85px; height: 85px; top: 3px; left: 152px; }
	.map_image3 #map_link_1 { width: 85px; height: 85px; top: 47px; left: 263px; }
	.map_image3 #map_link_2 { width: 85px; height: 85px; top: 154px; left: 307px; }
	.map_image3 #map_link_3 { width: 85px; height: 85px; top: 261px; left: 264px; }
	.map_image3 #map_link_4 { width: 85px; height: 85px; top: 306px; left: 156px; }
	.map_image3 #map_link_5 { width: 85px; height: 85px; top: 261px; left: 49px; }
	.map_image3 #map_link_6 { width: 83px; height: 85px; top: 153px; left: 7px; }
	.map_image3 #map_link_7 { width: 85px; height: 85px; top: 46px; left: 46px; }
	.map_image3 #map_link_8 { width: 96px; height: 96px; top: 147px; left: 151px; background:none; border:none; }
	.map_image3 .map_link:hover {
	background-color:#1DABD3;
	} 
	
	/* Image Map 4 (Plano Curricular) */
	.map_image4 { 
	display: block; 
	width: 824px; 
	height: 618px; 
	position: relative; 
	background-position: 0 0; 
	background-repeat: no-repeat; 
	background-image: url('imagens/plano_curricular.png');
	}
	.map_image4 #map_link_0 { width: 10px; height: 20px; top: 175px; left: 324px; }
	.map_image4 #map_link_1 { width: 10px; height: 20px; top: 200px; left: 228px; }
	.map_image4 #map_link_2 { width: 10px; height: 20px; top: 353px; left: 264px; }
	.map_image4 #map_link_3 { width: 10px; height: 20px; top: 380px; left: 245px; }
	.map_image4 #map_link_4 { width: 10px; height: 20px; top: 515px; left: 339px; }
	.map_image4 #map_link_5 { width: 10px; height: 20px; top: 543px; left: 377px; }
	.map_image4 .map_link, .info .map_link { 
	display: block; 
	position: absolute;  
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	background-color: #CC3300;
	padding: 0 5px;
	color: #FFF;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	text-decoration:none; 
	}
	.desc {
	display:none;
	width: 350px;
	height: 200px;
	position: relative;
	top:5px;
	border: 4px solid #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	background:#B32317;
	padding: 10px;
	color: #FFF;
	line-height: 20px;
	font-weight: 400;
	font-size: 12px;
	text-align:left;
	text-indent: 0px;
	pointer-events: none;
	z-index:100;
	}
	
	/* QINet Angola */
	.cbp-ntaccordion {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	.cbp-ntsubaccordion {
	list-style: none;
	}
	.cbp-ntaccordion .cbp-nttrigger {
	cursor: pointer;
	} 
	.cbp-ntaccordion h4 {
	margin:0.3em;
	border-bottom: 1px solid #DDD;
	padding: 1em 0 0.5em;
	color:#666;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	}
	.cbp-ntaccordion .cbp-ntcontent p {
	margin: 0;	
	padding: 5px 10px 10px 10px;
	color:#336699;
	}
	.cbp-ntaccordion > li > .cbp-nttrigger:before,
	.cbp-ntsubaccordion > li > .cbp-nttrigger:before {
	font-family: 'icomoon1';
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	color: #ddd;
	margin-right: 0.5em;
	-webkit-font-smoothing: antialiased;
	}
	.cbp-ntaccordion > li > .cbp-nttrigger:before {
	font-size: 75%;
	}
	.cbp-ntaccordion > li > .cbp-nttrigger:before {
	content: "\36";
	}
	.cbp-ntaccordion > li > .cbp-nttrigger:hover:before {
	content: "\35";
	color: inherit;
	}
	.cbp-ntaccordion > li.cbp-ntopen > .cbp-nttrigger:before,
	.no-js .cbp-ntaccordion > li > .cbp-nttrigger:before {
	content: "\34";
	color: inherit;
	}
	.cbp-ntsubaccordion > li > .cbp-nttrigger:before {
	content: "\32";
	}
	.cbp-ntsubaccordion > li > .cbp-nttrigger:hover:before {
	content: "\33";
	color: inherit;
	}
	.cbp-ntsubaccordion > li.cbp-ntopen > .cbp-nttrigger:before,
	.no-js .cbp-ntsubaccordion > li > .cbp-nttrigger:before {
	content: "\31";
	color: inherit;
	}
	.cbp-ntaccordion .cbp-ntcontent {
	height: 0;
	overflow: hidden;
	}
	.cbp-ntaccordion .cbp-ntopen > .cbp-ntcontent,
	.cbp-ntsubaccordion .cbp-ntopen > .cbp-ntcontent,
	.no-js .cbp-ntaccordion .cbp-ntcontent {
	height: auto;
	}
	
	/* Metodologia */
	/* Image Map 5 */
	.map_image5 { 
	display: block; 
	width: 824px; 
	height: 494px; 
	position: relative; 
	background-position: 0 0; 
	background-repeat: no-repeat;
	background-image: url('imagens/pilares_metodologia_qinet.png');
	}
	.map_image5 .map_link { 
	display: block; 
	position: absolute; 
	border-radius:150px; 
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	background-color:#9ED8D5; 
	padding:5px;
	color: #FFF;
	line-height: 15px;
	text-align: center;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	}
	.map_image5 .map_link span {
	position:relative;
	top:50px; 
	font-size:14px;
	text-transform:uppercase;
	}
	.map_image5 .map_link:hover {
	background:#AA1E23;	
	-webkit-transform: scale(1.2,1.2) ;
	-moz-transform: scale(1.2,1.2);
	-ms-transform: scale(1.2,1.2);
	-o-transform: scale(1.2,1.2);
	transform: scale(1.2,1.2);
	z-index:100;
	} 
	.map_image5 #map_link_0 { width: 122px; height: 122px; top: 30px; left: 145px; }
	.map_image5 #map_link_1 { width: 122px; height: 122px; top: 30px; left: 280px; }
	.map_image5 #map_link_2 { width: 122px; height: 122px; top: 30px; left: 415px; }
	.map_image5 #map_link_3 { width: 122px; height: 122px; top: 30px; left: 550px; }
	.desc1 {
	display:none;
	width: 150px;
	height: 170px;
	position: absolute;
	top:120px;
	left:-20px;
	border: 1px dashed #333;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:#FFF;
	padding: 10px;
	color: #333;
	line-height: 15px;
	font-weight: 400;
	font-size: 10px;
	text-align:left;
	text-indent: 0px;
	pointer-events: none;
	}
	

/* Basic jQuery Slider essential styles */

ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center;}
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block;}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}


/* BOTÃO E FORM CONTACTOS
	------------------------------------------------------------*/
	
	.contact_btn {
	margin-top:10px;
	width:inherit;
	padding-left:0;
	padding-right:0;
	text-transform:uppercase;
	width: 99%;
	
	}
	.contact_btn img {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	opacity:0.9;
	border: none;
	}
	.contact_btn:hover img {
	opacity:1;
	}
	#modal1 h2 {
	background:#C33;
	padding:5px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px
	}
	
	#modal1 form label {
	display:block;
	}
	#modal1 form input, #modal1 form textarea  {
	border:1px solid #CCC;
	border-radius:3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom:10px;
	min-height:25px;
	}
	#modal1 form textarea {
	width:400px;
	}
	.superscript{
	font-size:small; 
	vertical-align:top;
	color:#C30;
	} 
	
	/* Popeasy Modal */
	.overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999;
	display: none;
	}
	.modal {
	display: none;
	border:1px solid #FFF;
	background: #FAFAFA url(/Content/images/form_contacto_bg.png) no-repeat;
	padding: 0 20px 20px;
	z-index:  99999991;
	position: fixed;
	width: 600px;
	min-height: 300px;
	border-radius:6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px
	}
	#modal2, #modal3, #modal4, #modal5 
	{ width: 480px;
	    height: 320px;
	    }
	#modal2 
	{
	    background:url(/Content/images/fundo_bug.png) center no-repeat;  
	   
	}
	#modal3 
	{
	    background:url(/Content/images/fundo_bullray.png) center no-repeat;  
	   
	}
	#modal4
	{
	    background:url(/Content/images/fundo_wisec.png) center no-repeat;  
	    
	}
	#modal5 
	{
	    background:url(/Content/images/fundo_dcs.png) center no-repeat;  
	   
	}
	
	.closeBtn {
	text-align:right;
	cursor:pointer;
	}
	


	/* Planos de formação */
	/* Image Map 6 */

	.map_image6 { 
	display: block; 
	width: 824px; 
	height: 494px; 
	position: relative; 
	background-position: 0 0; 
	background-repeat: no-repeat;
	background-image: url('/Content/imagens/planos_formacao.png');
	}
	.map_image6 .map_link { 
	display: block; 
	position: absolute; 
	border-radius:150px; 
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	padding:5px;
	color: #FFF;
	line-height: 15px;
	text-align: center;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	}
	.map_image6 .map_link span {
	position:relative;
	top:50px; 
	font-size:13px;
	text-transform:uppercase;
	font-weight: bolder;
	}
	.map_image6 .map_link:hover {
	background:#8DC6C2;
	-webkit-transform: scale(1.2,1.2) ;
	-moz-transform: scale(1.2,1.2);
	-ms-transform: scale(1.2,1.2);
	-o-transform: scale(1.2,1.2);
	transform: scale(1.2,1.2);
	z-index:100;
	} 
	
	.map_image6 #map_link_0 { width: 134px; height: 134px; top: 45px; left: 27px; }
	.map_image6 #map_link_1 { width: 134px; height: 134px; top: 45px; left: 181px; }
	.map_image6 #map_link_2 { width: 134px; height: 134px; top: 45px; left: 337px; }
	.map_image6 #map_link_3 { width: 134px; height: 134px; top: 45px; left: 493px; }
	.map_image6 #map_link_4 { width: 134px; height: 134px; top: 45px; left: 648px; }
	
	.desc2 {
	display:none;
	width: 400px;
	height: 255px;
	position: absolute;
	top:120px;
	left:-20px;
	border: 1px dashed #8DC6C2;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:#FFF;
	padding: 10px;
	color: #333;
	line-height: 15px;
	font-weight: 400;
	font-size: 10px;
	text-align:left;
	text-indent: 0px;
	pointer-events: none;
	}
	
	.desc2 ul {
	padding-left:15px;
	}
	
	
	
	.preloader
	{
	    background: url(/Areas/BackOffice/Content/Img/ajax-loader.gif) no-repeat;
	    width: 15px;
	    height: 15px;
	    display: none;
	    position: absolute;
	    top: 435px;
	    left: 25px;
	}
	
	.message_feedback 
	{
	    color: Red;
	    display: none;
	}
	
	
	/* NOVOS
	------------------------------------------------------------*/	

	@font-face {
	font-family: 'qlassik_mediumregular';
	src: url('/Content/fonts/qlassik_tb-webfont.eot');
	src: url('/Content/fonts/qlassik_tb-webfont.eot?#iefix') format('embedded-opentype'),
	url('/Content/fonts/qlassik_tb-webfont.woff') format('woff'),
	url('/Content/fonts/qlassik_tb-webfont.ttf') format('truetype'),
	url('/Content/fonts/qlassik_tb-webfont.svg#qlassik_mediumregular') format('svg');
	font-weight: normal;
	font-style: normal;
	}
	
	#publicidade {
	float:left;
	margin-left:5px;
	background-color:#F3F3F3;
	width:290px;
	height:341px;
	}
	#publicidade a img
	{
	    border: none;
	}
	#patrocinadores {
	background-color:#F3F3F3;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	padding:8px;
	}
	
	#patrocinadores ul {
	margin:0 0 0 10px;
	}
	
	#patrocinadores ul li {
	display: inline;
	}
	
	.support {
	position:relative;
	margin-top:-7px;
	}
	
	
	/* Botões barra direita */
	.content a.link_btn:first-child {
	margin-top:10px;
	}
	
	a.link_btn {
	margin-bottom:2px;
	padding:3px 0 4px 0;
	width: 99%;
	text-align:left;
	color:#FFF;
	text-decoration:none;
	}
	
	.link_icon {
	float:left;
	margin:0 5px 0 5px;
	padding-right:5px;
	}
	
	.link_text {
	position:relative;
	top:25px;
	}
	
	.button {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	}
	
	.button.secondary {
	font-family: 'qlassik_mediumregular', Arial, Helvetica, sans-serif;
	font-size:1.6em;
	font-weight: normal;
	background-color: #ddd;
	border-color: #d0d0d0;
	color: #777;
	}
	
	.button.secondary:hover, .button.secondary:focus {
	background-color: #666;
	color:#FFF;
	}
	
	/* Educacional e Sistemas */
	.text_container {
	position: relative; 
	margin:10px 0 10px 0;
	border:1px solid #CCC;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background:#fdfdfd;
	padding:10px;
	}
	
	/* Image Map 7 (Esquema beneficiarios) */
	.map_image7 { 
	display: block; 
	width: 824px; 
	height: 494px; 
	position: relative; 
	background-position: 0 0; 
	background-repeat: no-repeat;
	background-image: url('/Content/images/esquema_beneficiarios_1.png');
	}
	
	.map_image7 .map_link {
	display: block; 
	position: absolute; 
	border-radius:150px; 
	-webkit-border-radius: 150px;
	-moz-border-radius: 150px;
	padding:5px;
	color: #FFF;
	line-height: 15px;
	text-align: center;
	font-size:11px;
	font-family:Tahoma, Geneva, sans-serif;
	text-decoration:none;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	}
	
	.map_image7 .map_link span {
	position:relative;
	top:50px; 
	font-size:13px;
	text-transform:uppercase;
	color:#FFF;
	}
	
	.map_image7 .map_link:hover {
	background:#A82028;
	-webkit-transform: scale(1.2,1.2) ;
	-moz-transform: scale(1.2,1.2);
	-ms-transform: scale(1.2,1.2);
	-o-transform: scale(1.2,1.2);
	transform: scale(1.2,1.2);
	z-index:100;
	} 
	
	.map_image7 .map_link:hover span {
	color:#FFF;
	} 
	
	.map_image7 #map_link_0 { width: 118px; height: 114px; top: 21px; left: 346px; }
	.map_image7 #map_link_1 { width: 118px; height: 114px; top: 108px; left: 493px; }
	.map_image7 #map_link_2 { width: 118px; height: 114px; top: 270px; left: 490px; }
	.map_image7 #map_link_3 { width: 118px; height: 114px; top: 359px; left: 347px; }
	.map_image7 #map_link_4 { width: 118px; height: 114px; top: 270px; left: 204px; }
	.map_image7 #map_link_5 { width: 118px; height: 114px; top: 105px; left: 201px; }
	
	.desc3 {
	display:none;
	width: 400px;
	height: 290px;
	position: absolute;
	top:90px;
	left:-135px;
	border:2px solid #FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:#A82028;
	padding: 10px;
	color: #FFF;
	line-height: 15px;
	font-weight: 400;
	font-size: 10px;
	text-align:left;
	text-indent: 0px;
	pointer-events: none;
	}
	
	.desc3 ul {
	padding-left:15px;
	}
	
	/* NOVOS
	------------------------------------------------------------*/	
	
	body {
	background: url(/Content/images/content_bg.png) repeat;	
	}
	
	#header {
	background:  url(/Content/images/fundo.png) no-repeat;	
	}
	
	#footer {
	background:#C33;
	color:#FFF;
	}
	
	#content, .siteContent {
	background:#FFF;	
	}
	
	#patrocinadores {
	border-radius:0;	
	}
	
	
	
	#noticias {
	width:500px;
	float:left;
	}
	
	#eventos {
	width:341px;
	float:left;
	margin-left:4px;
	}
	
	#implementacao {
	width:421px;
	float:left;
	margin-right:2px;
	}
	
	#rede {
	width:420px;
	float:left;
	margin-left:2px;
	}
	
	#estudos {
	width:596px;
	float:left;
	margin-right:4px;
	}
	
	#publicacoes {
	width:245px;
	float:left;
	}
	
	#main_content .content-bg {
	margin-top:10px;
	background:#f6f6f6;	
	}
	
	#main_content .content-title {
	font-family: "Trebuchet MS" , Verdana, Helvetica, Sans-Serif;
	background-color:#666;
	padding:5px;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	}
	
	#main_content .content {
	overflow: hidden;
	padding:10px;
	font-family: "Trebuchet MS" , Verdana, Helvetica, Sans-Serif;
	}
	
	#main_content .content ul li {
	font-size: 13px;
	line-height:21px;
	}
	
	#main_content .content ul li a {
	color:#8dc6c2;
	}
	
	
	#main_content #noticias .content, #main_content #eventos .content {
	height:350px;
	}
	
	#main_content #implementacao .content, #main_content #rede .content {
	height:380px;
	}
	
	#main_content #noticias .content, #main_content #eventos .content {
	height:350px;
	}
	
	#main_content #estudos .content, #main_content #publicacoes .content {
	height:294px;
	}
	
	#main_content .featured {
	margin-bottom:10px;
	}
	
	#main_content .item {
	margin:10px 0 5px 0;
	font-size: 13px;
	}
	
	#main_content .new-title {
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	background:#CCC;
	padding:2px;
	border-radius:2px;
	}	
	
	#main_content .new-content {
	padding-top:5px;
	height:35px;
	}	
	
	#main_content .item-title {
	font-size:13px;
	font-weight:600;
	color:#333;
	}	
	
	#main_content .item-content {
	padding-top:2px;
	height: 80px;
	}	
	
	#main_content .big-image {
	margin-right:10px;
	max-width:225px;
	max-height:151px;
	border:2px solid #FFF;	
	}	
	
	#main_content .medium-image {
	margin-right:10px;
	max-width:150px;
	max-height:101px;
	border:1px solid #FFF;		
	}	
	
	#main_content .small-image {
	margin-right:10px;
	max-width:80px;
	max-height:54px;
	border:1px solid #FFF;		
	}
	
	#main_content .more {
	position:relative;
	top:2px;	
	}