/**
 * @version $Id: template.css
 * @author SiteGround
 * @package Joomla
 * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
 * @license GNU/GPL, see LICENSE.php
 * Joomla! is free software. This version may have been modified pursuant to the
 * GNU General Public License, and as distributed it includes or is derivative
 * of works licensed under the GNU General Public License or other free or open
 * source software licenses. See COPYRIGHT.php for copyright notices and
 * details.
 */
body,html {height:100%;}
body{background:#ffffff;font: 400 12px/1.3em Arial, Tahoma, Verdana, Helvetica;color:#777;margin:0;padding:0}
.clr{clear:both;overflow:hidden;font-size:0;line-height:0;}
ul{list-style:none;margin:0;padding:0}
a,img{outline:none;margin:0;padding:0;border:none;}
a:link, a:visited {color:#FFFFFF;text-decoration:none;}
a:hover, a:active, a:focus { color:#ffffff; }
form { padding:0;margin:0; }
header, nav, menu, section, aside, article, footer { display:block; }
 #main_table { overflow: auto; overflow-y: hidden; }
h1,h2,h3,h4,h5,h6 { margin:0 0 10px;font-family: Arial,Helvetica,Tahoma, serif; color:#666;line-height:normal; }

h1 { font-size:24px;}
h2 { 
font-size: 20px;
color: #FF6600;}
h3 { font-size:18px; color:#5e759a;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:11px;}


iframe {border:none;}
dl dd {
	padding:0 0 0 10px;
	margin:0;
}

fieldset { border:none;margin:0;padding:0;}
input, textarea, button {border: 1px solid #D5D5D5;
color: rgb(0, 150, 192);
background: #fff;
border: 1px solid #BBB;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
padding: 3px;}
button { background:#f8f8f8; }

p { margin:0 0 10px; }

.page_bg { background: #c7ccd4; }
.page { min-height: 100%; }

.wrapper { padding-bottom: 120px;width:980px;margin:0 auto; background:url(images/banner.jpg); background-position:top; background-repeat:no-repeat }

.main { margin:0 auto; }
.menu_top {margin: 0 0 10px;
    height: 44px;
    text-align: center;
    background-image: -moz-linear-gradient(0% 22px 90deg, #222, #999);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 70%, from(#147fbb), to(#36c6f4));
    border: 1px solid #B9BBBD;
    -moz-box-shadow: 0 2px 2px rgba(121, 121, 121, 0.75);
    -webkit-box-shadow: 0 2px 2px rgba(121, 121, 121, 0.75);
    box-shadow: 0 2px 2px rgba(121, 121, 121, 0.75);
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
.menu_top .menu { height:44px;text-decoration:none;}
.menu_top .menu li { float:left;height:44px;font-size:12px;}
.menu_top .menu a { float:left;}
.menu_top .menu a span { float:left;height:48px;padding:0 10px;color:#fff;cursor:pointer;}
.menu_top .menu a:hover span { color:#d76628; }

.logo h1 { padding: 30px;font-family: 'Calligraffitti', serif;color:#5e759a;text-shadow:1px 1px #fff; font-size: 50px; font-style: normal; font-weight: 400; line-height: 50px; }


#breadcrumbs { position:absolute;bottom:20px;left:20px;}

.leftcol { float:left;width:220px;margin:0 20px 0 0;overflow:hidden; }
.rightcol { float:right;width:220px;margin:0 0 0 20px;overflow:hidden; }

.maincol { margin:auto;width:500px;overflow:hidden; }
.maincol_left { float:left;width:740px;overflow:hidden; }
.maincol_right { float:left;width:740px;overflow:hidden; }
.maincol_full { overflow:hidden; }

.formscol { float:left;width:740px;overflow:hidden; }
.formscol_left { float:left;width:740px;overflow:hidden; }
.formscol_full { overflow:hidden; }

.cont, .cont1 { 
box-shadow: 0px 0px 1px gray;
-webkit-box-shadow: 0px 1px 2px gray;
-moz-box-shadow: 0px 1px 2px gray;
	border:none;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:#ffffff;
	padding:10px;
	overflow:visible;
}.cont2 { 
box-shadow: 0px 0px 30px gray;
-webkit-box-shadow: 0px 50px 70px gray;
-moz-box-shadow: 0px 50px 70px gray;width:460px;
	border:none;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background:#f4f5f6;
	padding:10px;
	overflow:hidden;
}

.leftcol div div div .custom,
.rightcol div div div .custom,
{ background:none;padding:0 20px; }

.separator { font-size:12px;padding:20px 0 0;display:block;color:#505050;font-size:12px;font-weight:700; }

.module_menu,
.module { float:left;width:100%;margin:0 0 20px;}

.module .custom,
.module .latestnews
{
	margin:0 20px;
}

.module_menu div,
.module div
{ background: #f4f5f6;}

.module_menu div div,
.module div div
{ background: transparent url(images/module_b_bg.png) no-repeat bottom center; }

.module_menu div div div,
.module div div div
{ padding:10px 0 20px;background: transparent url(images/module_t_bg.png) no-repeat top center; }

.module div div div > p { margin:0 20px; }

.module_menu div div div div,
.module div div div div
{ background:none;margin:0;padding:0;}

.module_menu div div div h3,
.module div div div h3
{ margin:0;padding:0 20px 10px;color:#505050;font-size:14px;font-weight:700;line-height:20px;}


.module_menu .menu,
.module .menu
{ margin:0 20px 0 10px; }

.module_menu .menu li,
.module .menu li
{ padding:0 0 0 10px;line-height:20px;}

.module_menu .menu li a,
.module .menu li a
{ display:block;}

.module_menu .menu li a span,
.module .menu li a span
{ display:block;padding:0 0 0 10px;background: transparent url(images/arrow1.gif) no-repeat left 7px;cursor:pointer;}

#login-form {
	margin:0;
	padding:0;
}

fieldset.userdata {
	border:none;
	margin:0 20px;
	padding:0;
	height:150px;
	position:relative;
}

#login-form ul { margin:20px 20px 0; }

fieldset.userdata label {display:block;line-height:16px; }
#form-login-remember label { display:inline; }

fieldset.userdata input { border:1px solid #d5d5d5;background:none;color:#666;width:178px; }
fieldset.userdata input.button { position:absolute;bottom:0;left:0;width:80px;}

#form-login-username,
#form-login-password,
#form-login-remember { margin:0 0 10px;overflow:hidden; }

#modlgn-remember { float:none;margin:0 0 0 10px;border:none;background:none;width:auto; }


.module .search { margin: 0 20px;position:relative; }
.search label { display:none; }
#mod-search-searchword {
	border:1px solid #d5d5d5;background:none;color:#666;width:160px;
}
.module .search .button { position:absolute;right:0;top:0;text-indent:-9999px;width:20px;height:20px;background: transparent url(images/search_bg.png) no-repeat center center;}


/* maincol */
.cont h2,
.cont h2 a {
	color:#555;
  	font-size: 26px;
  	line-height:normal;
  	text-shadow:1px 1px #fff;
  	margin:0 0 10px;
}

.items-leading,
.category-desc
{
	margin:0 0 20px;
}

/* items row */
#capnhat{ padding-right:100px; margin:auto;}

.items-row .item { margin:0 0 20px 0;text-align:left; background: #FAFAFA;
padding: 10px;
border: 1px solid #EEEEEE;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.items-row .item h2,
.items-row .item h2 a { font-size:18px;}
.item .readmore { text-align:right;margin:0;}
.item .readmore a { color:#d76628;font-weight:700; }


.actions { overflow:hidden;margin:0 0 10px;}
.actions li { float:left; }
.actions li img { float:left;margin:0 6px 0 0; }


.category-desc img { margin:0 10px 4px }
.category-desc a, .category-desc a:link, .category-desc a:visited { color:#d76628;text-decoration:underline;}
.image-left { float:left;margin:0 10px 4px 0; }
.image-right { float:left;margin:0 0 4px 10px; }


.item-title { font-size:12px; }
.main .categories-list ul li {
    padding: 5px;
}

.category-desc {
    line-height: 1.7em;
    margin: 10px 0;
    padding-left: 0;
}

.category-desc p { line-height:40px; }
.pagination { overflow:hidden;padding:10px 0; }
.pagination .counter { margin:0; }

.current > a > span {
	color:#d76628;
}

.pagination ul { overflow:hidden;}
.pagination ul li {
	float:left;
	margin:0 6px 0 0;
}

.pagination .pagenav {
	display:block;
	background:#fff;
	margin:0 4px 0 0;padding:2px 6px;
	border:1px solid #e5e5e5;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    margin:10px 0;
}


.pagenav .pagenav-prev { float:left; }
.pagenav .pagenav-next { float:right; }
.pagenav-prev, .pagenav-next {
	background:#fff;
	margin:0 4px 0 0;padding:2px 6px;
	border:1px solid #e5e5e5;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    margin:10px 0;
}

/* end maincol */

/* tables table { border-collapse:collapse }*/



table, table th, table td { border:solid 0px #d5d5d5  }


table.weblinks th,
table.newsfeeds th,
table.category th,
table.jlist-table th
{
	background:#dedede;
	color:#777
}

table.weblinks,
table.category
{ margin:10px 10px 20px 0px;width:99%; }

table.weblinks td
{ border-collapse:collapse; }

table.weblinks td,
table.category td
{ padding:7px; }

table.weblinks th,
table.category th
{ padding:7px;text-align:left }

td.num
{ vertical-align:top;text-align:left; }

td.hits
{ vertical-align:top;text-align:center }

td p
{ margin:0;line-height:1.3em; cursor:help; }

.filter
{ margin:10px 0 }

.display-limit,
.filter
{ text-align:right;margin-right:7px }

/* ++++++++++++++  category table  ++++++++++++++ */

table.category th a img
{ padding:2px 10px }

.filter-search
{ float:left; }
.filter-search .inputbox
{width:6em}

legend.element-invisible
{
        position:absolute;
        /* need margin top and left doesn't work for the legend element */
        margin-left:-3000px;
        margin-top:-3000px;
        height:0px;
}

.cat-items
{ margin-top:20px }

#contact-slider .panel {
	background:#fff;
	margin:0 0 10px 0;
	padding:10px;
	border:1px solid #e5e5e5;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    margin:10px 0;
}

#contact-slider .panel h3 { margin:0; }
#contact-slider .panel h3 a { font-size:18px;line-height:normal; }
#contact-slider .panel .pane-slider { padding:10px 0 0 0; }
#contact-slider .panel .pane-slider div { padding:10px 0 0 0;overflow:hidden; }

.contact-email label
{ float:left;width:140px; }

#member-registration label { display:block; }
#member-registration legend { font-size:20px; }

#member-registration dd { padding:0;margin:0 0 10px; }

.contact-links li { line-height:20px; }


/* */
#jform_email-lbl { width:200px;float:left; }
#article-index li { line-height:20px; }

.cont li {line-height:20px;}
.cont .menu li,
#article-index li,
.cont .latestnews li,
.cont .relateditems li,
.cont .categories-module li
{
	padding:0 10px 0 20px;
	line-height:20px;
	background: transparent url(images/arrow-1.png) no-repeat top left;
}

#article-index ul,
.cont .menu { margin:10px 0; }

.stats-module dt {
    float: left;
    font-weight: bold;
    margin: 0 10px 0 0;
}

.cont .login,
.cont .registration,
#user-registration {
	background:#fff;
	margin:0 0 10px 0;
	padding:20px 80px 20px 20px;
	border:1px solid #e5e5e5;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    margin:0 0 10px 0;
    background: #fff url(images/login_bg.png) no-repeat center right;
}

.cont .login label { float:left;width:100px;}
.cont .login .login-fields {overflow:hidden;margin:0 0 10px;}

footer { margin-top:-100px;height: 60px;padding:40px 0 0 ;}
footer .footer {
text-align: center;
width: 280px;
-webkit-shadow: 0px 1px 1px rgb(199, 199, 199);
-moz-shadow: 0px 1px 1px rgb(199, 199, 199);
text-shadow: 0px 1px 1px rgb(199, 199, 199);
box-shadow: 0px 0px 60px gray;
-webkit-box-shadow: 0px 40px 60px rgb(60, 60, 60);
-moz-box-shadow: 0px 50px 70px gray;
height: 50px;
margin: 0 auto;
padding: 16px 10px;
color: rgb(89, 92, 95); }
footer .footer a { color:#ccc;}

#error {
	background:rgb(236, 240, 190);
	margin:0 0 20px 0;
	padding:10px;
	border:none;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;text-align: right;
}

#sucess {
background:rgb(236, 240, 190);
	margin:0 0 20px 0;
	padding:10px;
	border:none;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;text-align: right;
}

#system-message { margin:0; }
#system-message dt.warning{ color:#be4e4c;margin:0 0 10px;font-size:16px;font-weight:700; }
#system-message dd.warning li { line-height:20px;background: transparent url(images/arrow-2.png) no-repeat left top;padding:0 0 0 20px; }

.tip-wrap {
	background:#fff;
	margin:0 0 10px 0;
	padding:10px;
	border:1px solid #e5e5e5;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/* rotator placement */
div#rotator
{
	position:relative;
	height:224px;
	margin:0 0 20px;
}
/* rotator css */
div#rotator ul li {
	float:left;
	position:absolute;
}
/* rotator image style */	
div#rotator ul li img {
	border:1px solid #ccc;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 6px;
	background: #fff;
}
div#rotator ul li.show {
	z-index:500;
}

.syndicate-module { margin:0 20px; }

/* social_media */
.leftcol .social_media,
.rightcol .social_media { padding:10px 20px;overflow:hidden; }
.social_media a { padding:0;float:left;height:24px;width:24px;line-height:23px;margin:6px 3px 0;}
.social_media a.deviantart { background: transparent url(images/social_media/deviant-art.png) no-repeat left center; }
.social_media a.digg { background: transparent url(images/social_media/digg.png) no-repeat left center; }
.social_media a.ebay { background: transparent url(images/social_media/ebay.png) no-repeat left center; }
.social_media a.facebook { background: transparent url(images/social_media/facebook.png) no-repeat left center; }
.social_media a.flickr { background: transparent url(images/social_media/flickr.png) no-repeat left center; }
.social_media a.icq { background: transparent url(images/social_media/icq.png) no-repeat left center; }
.social_media a.linkedin { background: transparent url(images/social_media/linkedin.png) no-repeat left center; }
.social_media a.myspace { background: transparent url(images/social_media/myspace.png) no-repeat left center; }
.social_media a.skype { background: transparent url(images/social_media/skype.png) no-repeat left center; }
.social_media a.twitter { background: transparent url(images/social_media/twitter.png) no-repeat left center; }
.social_media a.vimeo { background: transparent url(images/social_media/vimeo.png) no-repeat left center; }
.social_media a.youtube { background: transparent url(images/social_media/youtube.png) no-repeat left center; }
/* end social_media */

/* Translate Language */
.leftcol .translate_language,
.rightcol .translate_language { padding:10px 20px;overflow:hidden; }
.translate_language a { padding:0;float:left;height:11px;width:16px;line-height:23px;margin:6px 3px 0;}
.translate_language a.en { background: transparent url(images/translate-language/en.png) no-repeat left center; }
.translate_language a.es { background: transparent url(images/translate-language/es.png) no-repeat left center; }
.translate_language a.nl { background: transparent url(images/translate-language/nl.png) no-repeat left center; }
.translate_language a.it { background: transparent url(images/translate-language/it.png) no-repeat left center; }
.translate_language a.ru { background: transparent url(images/translate-language/ru.png) no-repeat left center; }
.translate_language a.ca{ background: transparent url(images/translate-language/ca.png) no-repeat left center; }
/* end Translate Language */

/* Notification Boxes */
.message
{
		-webkit-background-size: 40px 40px;
		-moz-background-size: 40px 40px;
		background-size: 40px 40px;			
		background-image: -webkit-gradient(linear, left top, right bottom,
								color-stop(.25, rgba(255, 255, 255, .05)), color-stop(.25, transparent),
								color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .05)),
								color-stop(.75, rgba(255, 255, 255, .05)), color-stop(.75, transparent),
								to(transparent));
		background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
		background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
		background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
		background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
		background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%,
							transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
							transparent 75%, transparent);
								
		 -moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
		 -webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);		
		 box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
		 color: #fff;
		 padding: 15px;
		 _position: absolute;
		 -webkit-animation: animate-bg 5s linear infinite;
		 -moz-animation: animate-bg 5s linear infinite;
}

.info
{
		 background-color: #4ea5cd;
		 border-color: #3b8eb5;
}

#error
{
		background:rgb(236, 240, 190);
	margin:0 0 20px 0;
	padding:10px;
	border:none;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;text-align: right;
}
		 
#warning
{
		 
background-color: #eaaf51;	margin:0 0 20px 0;
	padding:10px;
	border:none;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;text-align: right;
}

#success
{
	background:rgb(202, 241, 180);
	margin:0 0 20px 0;
	padding:10px;
	border:none;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;text-align: right;
}

.message h3
{
		 margin: 0 0 5px 0;													 
}

.message p
{
		 margin: 0;													 
}

@-webkit-keyframes animate-bg
{
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}


@-moz-keyframes animate-bg 
{
    from {
        background-position: 0 0;
    }
    to {
       background-position: -80px 0;
    }
}


#trigger-list
{
		 text-align: center;
		 margin: 100px 0;
		 padding: 0;
}

#trigger-list li
{
		 display: inline-block;
		 *display: inline;
		 zoom: 1;
}

#trigger-list .trigger
{
		 display: inline-block;
		 background: #ddd;
		 border: 1px solid #777;
		 padding: 10px 20px;
		 margin: 0 5px;
		 font: bold 12px Arial, Helvetica;
		 text-decoration: none;
		 color: #333;
		 -moz-border-radius: 3px;
		 -webkit-border-radius: 3px;
		 border-radius: 3px;
}

#trigger-list .trigger:hover
{
		background: #f5f5f5;
}
/* end Notification Boxes */

/*---------Login------------*/
.login-wrap .mensaje {
	text-shadow: 0 1px 0 #EEE;
	color: #222;
	text-align: center;
	padding: 0px;
	margin: 0 auto;
	/* margin-top: 110px; */
}

.login-wrap h2 {
	font-size: 28px;
	margin: 0;
}

form#form-logeo {
	width: 280px;
	margin: 15px auto;
	background: url("images/separador.png") no-repeat top center;
	padding-top: 30px;
}

form.generic .field {
	margin-bottom: 10px;
}

form.generic label {
	display: block;
	font-weight: bold;
	font-size: 12px;
	color: #212121;
	text-shadow: 0 1px 0 #EEE;
	margin-bottom: 8px;
}

form#form-logeo input.text {
	width: 260px;
}
form.generic input.text1, select {
padding: 3px;
font-size: 14px;
border-color: rgb(245, 229, 229);
border: rgb(226, 220, 222);
display:table-column;
width: auto;
background: rgb(226, 220, 222);
}
form.generic input.text, select {
	padding:3px;
	font-size: 14px;
	border-color: #DDD;
	-webkit-transition: border-color .2s linear;
	-moz-transition: border-color .2s linear;
	border: 1px solid #BBB;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: 0 1px 0 #eee;
	-webkit-box-shadow: 0 1px 0 #eee;
	-moz-box-shadow: 0 1px 0 #eee;
display:table-column;
	width: auto;
	border-image: initial;
}

form input.text, form input.search, .contact-wrapper textarea {
	padding: 4px;
	margin: 0;
	font: 14px "HelveticaNeue", Helvetica, Arial, sans-serif;
}

form.generic label span {
	color: #878787;
	font-weight: normal;
}

form.generic .btnlogeo {
	overflow: hidden;
}

form.generic #login-submit {
	height: 36px;
	width: 280px;
	padding: 0 0 1px;
}
form.generic #login-submit1 {
	height: 36px;
	width: auto;
	padding: 0 0 1px;
}
form.generic #xuat, #xuat {
cursor: pointer;
display: block;
line-height: 0px;
padding: 0 20px;
font-size: 12px;
font-weight: bold;
font-family: inherit;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFA300), color-stop(1, #D69201) );
background: -moz-linear-gradient( center top, #FFA300 5%,#D69201 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e13b3b', endColorstr='#ba1414');
background-color: #D69201;
color: white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid rgba(0, 0, 0, .2);
box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff;
-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff;
-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff;
text-shadow: 0 -1px rgba(0, 0, 0, .2);
text-align: center;
border-image: initial;
}
form.generic #xuat:hover, #xuat:hover{
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #D69201), color-stop(1, #FFA300) );
background: -moz-linear-gradient( center top, #D69201 5%,#FFA300 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e13b3b', endColorstr='#ba1414');
background-color: #D69201;
}
form.generic #xuat {
	height: 20px;
	width: auto;

}
form.generic a.button, form.generic #login-submit,form.generic a.button, form.generic #login-submit1, #login-submit1 {
	cursor: pointer;
	display: block;
	line-height: 34px;
	padding: 0 20px;
	font-size: 12px;
	font-weight: bold;
	font-family: inherit;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00a4d2), color-stop(1, #006380) );
background: -moz-linear-gradient( center top, #00a4d2 5%,#006380 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e13b3b', endColorstr='#ba1414');
background-color: #006380;
	color: white;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid rgba(0, 0, 0, .2);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff;
	-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff;
	-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff;
	text-shadow: 0 -1px rgba(0, 0, 0, .2);
	text-align: center;
	border-image: initial;
}
form.generic a.button:hover, form.generic #login-submit:hover,form.generic a.button:hover,form.generic #login-submit1:hover{
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006380), color-stop(1, #00a4d2 ) );
background: -moz-linear-gradient( center top, #006380 5%, #00a4d2 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba1414', endColorstr='#e13b3b');
background-color: #006380;}
/* -----------end Login------------- */
/* Light Blue Skin */

table#vsTable {
position: relative;
border: none;
border-bottom: 2px solid #C8D6E2;
border-collapse: collapse;
margin: 0 auto;
border-right: 1px solid #C8D6E2;
width: 100%;
font-size: 12px;
}

table#vsTable td {
padding: 5px 0;
border-bottom: 1px solid #C8D6E2;
border-right: 1px solid #C8D6E2;
vertical-align: middle;
text-align: center;
background: #F0F1F1;
color: #fff;
}

table#vsTable tr td div {
text-align: center;
}

table#vsTable tr td div.yes, table#vsTable tr td div.no, table#vsTable tr td div.partial {
height: 16px;
}

table#vsTable tr td.cat div, table#vsTable tr td.title div {
height: auto;
}

table#vsTable tr td.catas div, table#vsTable tr td.title div {
height: auto;
}

table#vsTable td.cat div {
text-align: left;
padding: 0 10px;
}

table#vsTable td.catas div {
padding: 0 10px;
}

table#vsTable td.title {
background: #C7C7C7;
font-size: 12px;
color: rgb(80, 80, 80);
text-transform: uppercase;
border: 1px solid #9FB6C8;
vertical-align: middle;
text-align: center;
box-shadow: 0px 0px 10px -4px #fff;
border-bottom: 3px inset #FFCC00;
}
table#vsTable td.title1 {
	padding-left:2px; padding-right:2px; width:60px;
background: rgb(226, 220, 222);
color:#666 ;
border: 1px solid #9FB6C8;
vertical-align: middle;
text-align: center;
box-shadow: 0px 0px 10px -4px #fff;
}table#vsTable td.title2 {
color: rgb(0, 150, 192);

font-weight: bold;
background: rgb(226, 220, 222);
border: 1px solid #9FB6C8;
vertical-align: middle;
text-align: left;
padding-left:10px;
box-shadow: 0px 0px 10px -4px #fff;
}
table#vsTable .cat {padding-left: 2px;
text-align: left;
background: #F0F1F1;
color: rgb(0, 150, 192);
border-left: 1px solid #C8D6E2;
}
table#vsTable .cat1 {
	padding-right: 5px;
text-align: right;
background: #F0F1F1;
color: #70787c;
border-left: 1px solid #C8D6E2;
}
table#vsTable .cat2 {padding-right: 5px;
text-align: right;
background: #F0F1F1;
color:#F63;
border-left: 1px solid #C8D6E2;
}

table#vsTable .catas {
text-align: left;
background: #F0F1F1;
color: #326693;
border-left: 1px solid #C8D6E2;
}

table#vsTable td.title.cat {
background: none !important;
border: none;
border-bottom: 1px solid #C8D6E2;
cursor: default !important;
box-shadow: none;
}

table#vsTable td.title.catas {
background: none !important;
border: none;
border-bottom: 1px solid #C8D6E2;
cursor: default !important;
box-shadow: none;
}

table#vsTable td.title.cat div {
display: none;
}

table#vsTable td.title.catas div {
display: none;
}

table#vsTable tr td.cat:hover {
background: #fff;
}

table#vsTable tr td.catas:hover {
background: #fff;
}

table#vsTable tr td.title:hover {
background: #C8D6E2;
}

table#vsTable tr td:hover {
background: #fff;
}

table#vsTable div.yes {
background: url(images/yes.png) no-repeat center center;
}

table#vsTable div.no {
background: url(images/no.png) no-repeat center center;
}

table#vsTable div.partial {
background: url(images/partial.png) no-repeat center center;
}

table#vsTable .title .editable input {
color: #154064;
}

table#vsTable .cat .editable input {
color: #326693;
}

table#vsTable .catas .editable input {
color: #326693;
}

table#vsTable .titleImage {
padding: 0;
margin: 0;
border: none;	
width: 90%;
float: none;
height: auto;
}
/* --- File Manager --- */
#file-manager{
	background-color:#EEE;
	border:1px solid #DDD;
	margin:0px auto;
	padding:10px;
}

ul.manager li{
	background:url("images/bg_gradient.gif") repeat-x center bottom #F5F5F5;
	border:1px solid #DDD;
	border-top-color:#FFF;

	list-style:none;
	position:relative;
}

ul.manager li a{
	display:block;
	padding:8px;
}

ul.manager li a:hover .download-label{
	/* When a list is hovered over, show the download green text inside it: */
	display:block;
}
span.check-date {

background-color: rgb(238, 238, 238);
color: rgb(146, 146, 146);
padding: 2px 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
span.status-ok{
	
background-color: rgb(255, 255, 255);
color: rgb(31, 170, 37);
padding: 2px 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
span.status-no{
	
background-color: rgb(255, 255, 255);
color: rgb(57, 158, 190);
padding: 2px 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;}
span.status{
	
background-color: rgb(255, 255, 255);
color: rgb(255, 110, 74);
padding: 2px 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;}
span.confirmation {
background: url(images/confirmation.png) no-repeat 15px 9px;
color: #5a5a5a;
border: 1px dotted #a4e673;
border-radius: 3px;
background-color: #dffec8;
padding: 15px 10px 15px 50px;
}
span.error {
background: url(images/error.png) no-repeat 15px 9px;
color: #5a5a5a;
border: 1px dotted #e3b7b7;
border-radius: 3px;
background-color: #f4dada;
padding: 15px 10px 15px 50px;
}
span.information {
background: url(images/information.png) no-repeat 15px 9px;
color: #5a5a5a;
border: 1px dotted #96dee9;
border-radius: 3px;
background-color: #ddf5f9;
padding: 15px 35px 15px 57px;
}
span.warning {
background: url(images/warning.png) no-repeat 15px 9px;
color: #5a5a5a;
border: 1px dotted #e5de73;
border-radius: 3px;
background-color: #fefac8;
padding: 15px 35px 15px 57px;
}
span.check-ok{
background-color: #3a87ad;
display: inline-block;
padding: 2px 4px;
font-size: 11.844px;
font-weight: bold;
line-height: 14px;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
white-space: nowrap;
vertical-align: baseline;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
span.check-best{
background-color: #f89406;
display: inline-block;
padding: 2px 4px;
font-size: 11.844px;
font-weight: bold;
line-height: 14px;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
white-space: nowrap;
vertical-align: baseline;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
span.check-alert{
background-color: rgb(255, 255, 202);
color: rgb(255, 0, 0);
padding: 2px 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
span.check-true {
background-color: #b94a48;
display: inline-block;
padding: 2px 4px;
font-size: 11.844px;
font-weight: bold;
line-height: 14px;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
white-space: nowrap;
vertical-align: baseline;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
span.check-kt {
background-color: rgb(213, 121, 187);
color: white;
padding: 2px 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
span.check-admin {
background-color: rgb(255, 0, 0);
color: white;
padding: 2px 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
span.check-fall{
background-color: #999999;
display: inline-block;
padding: 2px 4px;
font-size: 11.844px;
font-weight: bold;
line-height: 14px;
color: #fff;
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
white-space: nowrap;
vertical-align: baseline;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
span.check-radio{
background-color: rgb(128, 139, 151);
color: white;
padding: 6px 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

span.download-count{
	color:#999;
	font-size:10px;
	padding:3px 5px;
	position:absolute;
	text-decoration:none;
}
.primary-buttons {
width: 100%;
text-align: right;

}.button-primary:visited {
color: #ffffff;
}
.button-primary {
	cursor:pointer;
background-color: #00BBE2;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
display: inline-block;
color: #ffffff;
font-family: arial;
padding: 4px 8px;
text-decoration: none;
margin: 10px;
border: 1px solid rgba(153, 153, 153, 0.2);
}
.button-primary:hover {
background-color: #FF6600;}
#topcontrol{z-index:100;}



nav{
	float:left
}

.menu li{
list-style: none;
float: left;
position: relative;
height: 40px;
}

.menu>li{

border-left: 1px solid #5f5f5f;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.menu li:first-child{
border-radius: 3px 0px 0px 3px;
border-left: none;
}

 .menu li:last-child{
border-radius: 0px 3px 3px 0px;
 border-right: none;
 }

.menu a{
display: block;
text-decoration: none;
color: white;
text-transform: uppercase;
padding: 0 20px;
font-family: 'Verdana', arial;
margin: 0;
position: relative;
font-size: 12px;
line-height: 40px;
}

.menu li:hover{
    -webkit-box-shadow: inset 0 0 10px #9C4571;
    -moz-box-shadow: inset 0 0 10px #470000;
    box-shadow: inset 0 0 10px #903D68;
    background-color: #C06091;
    background-image: -webkit-linear-gradient(#C26294, #A9497A);
    background-image: -moz-linear-gradient(#911212, #670000);
    background-image: -o-linear-gradient(#911212, #670000);
    background-image: linear-gradient(#C05F90, #C26293);
}

.menu li:hover span:after{
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}

ul.menu-hover{
	z-index:100;
visibility: hidden;
position: absolute;
top:100%;
opacity: 0;
height: 0;
min-width: 170px;
width: auto;
text-align: left;
-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;
}

.menu li:hover .menu-hover{
visibility: visible;
height: 100%;
opacity: 1;
}

.menu-hover li{
height: 100%;
border-bottom: 1px solid #696969;
background-color: #2a2a2a;
border-left: none;
border-right: none;
}

.menu-hover li:hover{
background-image: -webkit-linear-gradient(#2a2a2a, #434343);
background-image: -moz-linear-gradient(#2a2a2a, #434343);
background-image: -o-linear-gradient(#2a2a2a, #434343);
background-image: linear-gradient(#2a2a2a, #434343);
box-shadow: none;
}

.menu-hover a{
color: white;
}

.menu a span:after{
content: "";
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-bottom: 3px solid white;
position: absolute;
top: 30px;
right: 35px;

-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; 
}

.menu-hover li:first-child, .menu-hover li:last-child{
border-radius: 0;
}

.menu a:after {
   
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}
form.generic #track, #track {
cursor: pointer;
display: block;
line-height: 34px;
padding: 0 20px;
font-size: 12px;
font-weight: bold;
font-family: inherit;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00a4d2), color-stop(1, #006380) );
background: -moz-linear-gradient( center top, #00a4d2 5%,#006380 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e13b3b', endColorstr='#ba1414');
background-color: #006380;
color: white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid rgba(0, 0, 0, .2);
box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff;
-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff;
-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff;
text-shadow: 0 -1px rgba(0, 0, 0, .2);
text-align: center;
border-image: initial;
height:36px;
}
form.generic #track:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006380), color-stop(1, #00a4d2 ) );
background: -moz-linear-gradient( center top, #006380 5%, #00a4d2 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba1414', endColorstr='#e13b3b');
background-color: #006380;
}
form.generic #tim, #tim {
cursor: pointer;
line-height: 34px;
padding: 0 20px;
font-size: 12px;
font-weight: bold;
font-family: inherit;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00a4d2), color-stop(1, #006380) );
background: -moz-linear-gradient( center top, #00a4d2 5%,#006380 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e13b3b', endColorstr='#ba1414');
background-color: #006380;
color: white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid rgba(0, 0, 0, .2);
box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff;
-moz-box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff;
-webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, .4) inset, 0 1px #fff;
text-shadow: 0 -1px rgba(0, 0, 0, .2);
text-align: center;
border-image: initial;
height:36px;
}
form.generic #tim:hover, #tim:hover {
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006380), color-stop(1, #00a4d2 ) );
background: -moz-linear-gradient( center top, #006380 5%, #00a4d2 100% );
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ba1414', endColorstr='#e13b3b');
background-color: #006380;
}

#dhmoi {
cursor: pointer;
line-height: 0px;
padding: 0 10px;
font-size: 12px;
font-family: inherit;
background-color: #FFA300;
color: white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid rgba(173, 173, 173, 1);
}
#dhmoi:hover{
background-color: #FD5E48;
}
#dhmoi {
	height: 20px;
	width: auto;

}
#add2{
	cursor: pointer;
	background: #00BBE2;
color: #ffffff;
padding: 4px 10px;
border-radius: 5px;
border: 1px solid #F7F7F7;}
#add2:hover{
background-color: #FD5E48;
}
.excel1{
cursor: pointer;
padding: 1px 4px;
font-size: 12px;
font-family: inherit;
background-color: #93BB7B;
color: white;
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px;

}

.excel2:hover{
	background-color: #FD5E48;
}
.excel2{
cursor: pointer;
padding: 1px 4px;
font-size: 12px;
font-family: inherit;
background-color: #93BB7B;
color: white;
border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px;

}

.excel1:hover{
	background-color: #FD5E48;
}
.inputnone{
	background-color: transparent;
color: #ffffff;
border: 0px;
cursor: pointer;}

  .ui-tooltip, .arrow:after {
    background: #FD5E48;
    border: 2px solid white;
  }
  .ui-tooltip {
    padding: 10px 20px;
    color: white;
    border-radius: 20px;
    box-shadow: 0 0 7px black;
  }
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
#topmenusearch{
color: #E18D43;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
padding: 6px;
box-shadow: 0px 2px 3px #D3D3D3;
}
#menusearch{
background-color: #d4dfd0;
color: #E18D43;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid rgba(153, 153, 153, 0.2);
padding: 4px;
}
/*////////////////Button Menu/////////////////*/
.dvmenu{
cursor: pointer;
padding: 6px 20px;
font-size: 12px;
font-weight: bold;
font-family: inherit;
background-color: #E18D43;
color: white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid rgba(153, 153, 153, 0.2);
text-align: center;
}
.dvmenu:hover {
box-shadow: 0px 0px 6px 3px rgba(232, 23, 80, 0.5);
-webkit-box-shadow: 0px 0px 6px 3px rgba(232, 23, 80, 0.5);
-moz-box-shadow: 0px 0px 6px 3px #E81750;
-o-box-shadow: 0px 0px 6px 3px #E81750;
-ms-box-shadow: 0px 0px 6px 3px #E81750;
background-color: #FD5E48;
}

.dvmenu1{
cursor: pointer;
padding: 6px 20px;
font-size: 12px;
font-weight: bold;
font-family: inherit;
background-color: rgba(255, 102, 0, 0.5);;
color: white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid rgba(153, 153, 153, 0.2);
text-align: center;
}
.dvmenu1:hover {
box-shadow: 0px 0px 6px 3px rgba(56, 209, 247, 0.5);
-webkit-box-shadow: 0px 0px 6px 3px rgba(56, 209, 247, 0.5);
-moz-box-shadow: 0px 0px 6px 3px #38D1F7;
-o-box-shadow: 0px 0px 6px 3px #38D1F7;
-ms-box-shadow: 0px 0px 6px 3px #38D1F7;
background-color: #FF6600;
}
.dvmenu2{
cursor: pointer;
padding: 6px 20px;
font-size: 12px;
font-weight: bold;
font-family: inherit;
background-color: rgba(44, 132, 238, 0.5);
color: white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid rgba(153, 153, 153, 0.2);
text-align: center;
}
.dvmenu2:hover {

box-shadow: 0px 0px 6px 3px rgba(56, 209, 247, 0.5);
-webkit-box-shadow: 0px 0px 6px 3px rgba(56, 209, 247, 0.5);
-moz-box-shadow: 0px 0px 6px 3px #38D1F7;
-o-box-shadow: 0px 0px 6px 3px #38D1F7;
-ms-box-shadow: 0px 0px 6px 3px #38D1F7;
background: #2C84EE;
}
.dvmenu3{
cursor: pointer;
padding: 6px 20px;
font-size: 12px;
font-weight: bold;
font-family: inherit;
background-color: rgba(255, 83, 155, 0.5);
color: white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid rgba(153, 153, 153, 0.2);
text-align: center;
}
.dvmenu3:hover {
box-shadow: 0px 0px 6px 3px rgba(232, 23, 80, 0.5);
-webkit-box-shadow: 0px 0px 6px 3px rgba(232, 23, 80, 0.5);
-moz-box-shadow: 0px 0px 6px 3px #E81750;
-o-box-shadow: 0px 0px 6px 3px #E81750;
-ms-box-shadow: 0px 0px 6px 3px #E81750;
background: #FF539B;
}


.dvmenu4{
cursor: pointer;
padding: 6px 20px;
font-size: 12px;
font-weight: bold;
font-family: inherit;
background-color: rgba(4, 78, 148, 0.5);
color: white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid rgba(153, 153, 153, 0.2);
text-align: center;
}
.dvmenu4:hover {
box-shadow: 0px 0px 6px 3px rgba(56, 209, 247, 0.5);
-webkit-box-shadow: 0px 0px 6px 3px rgba(56, 209, 247, 0.5);
-moz-box-shadow: 0px 0px 6px 3px #38D1F7;
-o-box-shadow: 0px 0px 6px 3px #38D1F7;
-ms-box-shadow: 0px 0px 6px 3px #38D1F7;
background: #044E94;
}

.dvmenu5{
cursor: pointer;
padding: 6px 20px;
font-size: 12px;
font-weight: bold;
font-family: inherit;
background-color: rgba(0, 187, 226, 0.5);
color: white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid rgba(153, 153, 153, 0.2);
text-align: center;
}

.dvmenu5:hover {
box-shadow: 0px 0px 6px 3px rgba(56, 209, 247, 0.5);
-webkit-box-shadow: 0px 0px 6px 3px rgba(56, 209, 247, 0.5);
-moz-box-shadow: 0px 0px 6px 3px #38D1F7;
-o-box-shadow: 0px 0px 6px 3px #38D1F7;
-ms-box-shadow: 0px 0px 6px 3px #38D1F7;
background: #00BBE2;
}
.dvmenu6{
cursor: pointer;
padding: 6px 20px;
font-size: 12px;
font-weight: bold;
font-family: inherit;
background-color:rgba(229, 20, 0, 0.5);
color: white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid rgba(153, 153, 153, 0.2);
text-align: center;
}

.dvmenu6:hover {
box-shadow: 0px 0px 6px 3px rgba(232, 23, 80, 0.5);
-webkit-box-shadow: 0px 0px 6px 3px rgba(232, 23, 80, 0.5);
-moz-box-shadow: 0px 0px 6px 3px #E81750;
-o-box-shadow: 0px 0px 6px 3px #E81750;
-ms-box-shadow: 0px 0px 6px 3px #E81750;
background: #E51400;
}
.dvmenu7{
cursor: pointer;
padding: 6px 20px;
font-size: 12px;
font-weight: bold;
font-family: inherit;
background-color:rgba(103, 178, 57, 0.5);
color: white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid rgba(153, 153, 153, 0.2);
text-align: center;
}

.dvmenu7:hover {
box-shadow: 0px 0px 6px 3px rgba(170, 202, 55, 0.5);
-webkit-box-shadow: 0px 0px 6px 3px rgba(170, 202, 55, 0.5);
-moz-box-shadow: 0px 0px 6px 3px #AACA37;
-o-box-shadow: 0px 0px 6px 3px #AACA37;
-ms-box-shadow: 0px 0px 6px 3px #AACA37;
background: #67B239;
}
/*////////////////Button Menu boild/////////////////*/
.btmenu{
cursor: pointer;
padding: 6px 20px;
font-size: 12px;
font-weight: bold;
font-family: inherit;
background-color: #d14836;
color: white;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border: 1px solid rgba(153, 153, 153, 0.2);
text-align: center;
}
.btmenu:hover {
box-shadow: 0px 0px 6px 3px rgba(232, 23, 80, 0.5);
-webkit-box-shadow: 0px 0px 6px 3px rgba(232, 23, 80, 0.5);
-moz-box-shadow: 0px 0px 6px 3px #E81750;
-o-box-shadow: 0px 0px 6px 3px #E81750;
-ms-box-shadow: 0px 0px 6px 3px #E81750;
background-color: #E51400;
}

.btmenu1{
cursor: pointer;
padding: 6px 20px;
font-size: 12px;
font-weight: bold;
font-family: inherit;
background-color: #A28968;
color: white;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border: 1px solid rgba(153, 153, 153, 0.2);
text-align: center;
}
.btmenu1:hover {
box-shadow: 0px 0px 6px 3px rgba(232, 23, 80, 0.5);
-webkit-box-shadow: 0px 0px 6px 3px rgba(232, 23, 80, 0.5);
-moz-box-shadow: 0px 0px 6px 3px #E81750;
-o-box-shadow: 0px 0px 6px 3px #E81750;
-ms-box-shadow: 0px 0px 6px 3px #E81750;}


.btmenu2{
cursor: pointer;
padding: 6px 20px;
font-size: 12px;
font-weight: bold;
font-family: inherit;
background-color: rgba(102, 144, 160, 1);
color: white;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border: 1px solid rgba(153, 153, 153, 0.2);
text-align: center;

}
.btmenu2:hover {
box-shadow: 0px 0px 6px 3px rgba(56, 209, 247, 0.5);
-webkit-box-shadow: 0px 0px 6px 3px rgba(56, 209, 247, 0.5);
-moz-box-shadow: 0px 0px 6px 3px #38D1F7;
-o-box-shadow: 0px 0px 6px 3px #38D1F7;
-ms-box-shadow: 0px 0px 6px 3px #38D1F7;
}
.btmenu3{
cursor: pointer;
padding: 6px 20px;
font-size: 12px;
font-weight: bold;
font-family: inherit;
background-color:#A0667E;
color: white;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border: 1px solid rgba(153, 153, 153, 0.2);
text-align: center;
}
.btmenu3:hover {

box-shadow: 0px 0px 6px 3px rgba(232, 23, 80, 0.5);
-webkit-box-shadow: 0px 0px 6px 3px rgba(232, 23, 80, 0.5);
-moz-box-shadow: 0px 0px 6px 3px #E81750;
-o-box-shadow: 0px 0px 6px 3px #E81750;
-ms-box-shadow: 0px 0px 6px 3px #E81750;
}
.btmenu4{
cursor: pointer;
padding: 6px 20px;
font-size: 12px;
font-weight: bold;
font-family: inherit;
background-color: #667F9E;
color: white;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border: 1px solid rgba(153, 153, 153, 0.2);
text-align: center;
}

.btmenu4:hover {
box-shadow: 0px 0px 6px 3px rgba(56, 209, 247, 0.5);
-webkit-box-shadow: 0px 0px 6px 3px rgba(56, 209, 247, 0.5);
-moz-box-shadow: 0px 0px 6px 3px #38D1F7;
-o-box-shadow: 0px 0px 6px 3px #38D1F7;
-ms-box-shadow: 0px 0px 6px 3px #38D1F7;
}
.btmenu5{
cursor: pointer;
padding: 6px 20px;
font-size: 12px;
font-weight: bold;
font-family: inherit;
background-color: #044E94;
color: white;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border: 1px solid rgba(153, 153, 153, 0.2);
text-align: center;
}

.btmenu5:hover {
box-shadow: 0px 0px 6px 3px rgba(56, 209, 247, 0.5);
-webkit-box-shadow: 0px 0px 6px 3px rgba(56, 209, 247, 0.5);
-moz-box-shadow: 0px 0px 6px 3px #38D1F7;
-o-box-shadow: 0px 0px 6px 3px #38D1F7;
-ms-box-shadow: 0px 0px 6px 3px #38D1F7;
}
.btmenu6{
cursor: pointer;
padding: 6px 20px;
font-size: 12px;
font-weight: bold;
font-family: inherit;
background-color:#781766;
color: white;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border: 1px solid rgba(153, 153, 153, 0.2);
text-align: center;
}

.btmenu6:hover {
box-shadow: 0px 0px 6px 3px rgba(232, 23, 80, 0.5);
-webkit-box-shadow: 0px 0px 6px 3px rgba(232, 23, 80, 0.5);
-moz-box-shadow: 0px 0px 6px 3px #E81750;
-o-box-shadow: 0px 0px 6px 3px #E81750;
-ms-box-shadow: 0px 0px 6px 3px #E81750;
}
.btmenu7{
cursor: pointer;
padding: 6px 20px;
font-size: 12px;
font-weight: bold;
font-family: inherit;
background-color:#67B239;
color: white;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border: 1px solid rgba(153, 153, 153, 0.2);
text-align: center;
}

.btmenu7:hover {
box-shadow: 0px 0px 6px 3px rgba(170, 202, 55, 0.5);
-webkit-box-shadow: 0px 0px 6px 3px rgba(170, 202, 55, 0.5);
-moz-box-shadow: 0px 0px 6px 3px #AACA37;
-o-box-shadow: 0px 0px 6px 3px #AACA37;
-ms-box-shadow: 0px 0px 6px 3px #AACA37;
}

.btxem{
cursor: pointer;
padding: 0px 6px;
font-size: 12px;
font-weight: bold;
font-family: inherit;
background-color: #E18D43;
color: white;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border: 1px solid rgba(153, 153, 153, 0.2);
text-align: center;
}
.btxem:hover{
box-shadow: 0px 0px 6px 3px rgba(232, 23, 80, 0.5);
-webkit-box-shadow: 0px 0px 6px 3px rgba(232, 23, 80, 0.5);
-moz-box-shadow: 0px 0px 6px 3px #E81750;
-o-box-shadow: 0px 0px 6px 3px #E81750;
-ms-box-shadow: 0px 0px 6px 3px #E81750;
background-color: #FD5E48;}
/*////////////////Cảnh báo////////////////*/
.all_alert{
	color: #FF0000;}
	
.informer {
display: inline-block;
position: relative;
padding: 5px;
margin-right: 10px;
margin-bottom: 10px;
background: #FCFCFC;
background: -moz-linear-gradient(top, #FFFFFF 0%, #FAFAFA 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#FAFAFA));
background: -webkit-linear-gradient(top, #FFFFFF 0%,#FAFAFA 100%);
background: -o-linear-gradient(top, #FFFFFF 0%,#FAFAFA 100%);
background: -ms-linear-gradient(top, #FFFFFF 0%,#FAFAFA 100%);
background: linear-gradient(top, #FFFFFF 0%,#FAFAFA 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FAFAFA',GradientType=0);
-moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2), inset 0px 1px 3px rgba(255, 255, 255, 0.5);
-webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2), inset 0px 1px 3px rgba(255, 255, 255, 0.5);
box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.2), inset 0px 1px 3px rgba(255, 255, 255, 0.5);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.informer > a {
border: 1px solid #DDD;
padding: 10px;
display: block;
float: left;
text-align: center;
text-decoration: none;
background: #E5E5E5;
background: -moz-linear-gradient(top, #F9F9F9 0%, #E5E5E5 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(100%,#E5E5E5));
background: -webkit-linear-gradient(top, #F9F9F9 0%,#E5E5E5 100%);
background: -o-linear-gradient(top, #F9F9F9 0%,#E5E5E5 100%);
background: -ms-linear-gradient(top, #F9F9F9 0%,#E5E5E5 100%);
background: linear-gradient(top, #F9F9F9 0%,#E5E5E5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#E5E5E5',GradientType=0 );
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.informer > a > span.title {
font-size: 36px;
line-height: 40px;
color: #666;
text-shadow: 0px 1px 0px #FFF;
}
.informer > a > span.text, .middle .informer > a > span.title {
color: #333;
font-family: 'Helvetica Neue','Helvetica',Arial,sans-serif;
font-size: 12px;
font-weight: bold;
text-shadow: 0 1px white;
line-height: 16px;
}
.informer > a > span {
display: block;
}
.informer .caption {
position: absolute;
right: -5px;
top: -5px;
font-size: 11px;
color: #FFF;
line-height: 13px;
padding: 2px 5px;
font-family: 'Helvetica Neue','Helvetica',Arial,sans-serif;
background: #3D4F69;
border: 1px solid #344359;
-moz-box-shadow: inset 0px 1px 2px #485E7D, 0px 1px 3px rgba(0,0,0,0.15);
-webkit-box-shadow: inset 0px 1px 2px #485E7D, 0px 1px 3px rgba(0,0,0,0.15);
box-shadow: inset 0px 1px 2px #485E7D, 0px 1px 3px rgba(0,0,0,0.15);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.informer .caption.red {
background: #931111;
border: 1px solid #790000;
-moz-box-shadow: inset 0px 1px 2px #BF1616, 0px 1px 3px rgba(0,0,0,0.15);
-webkit-box-shadow: inset 0px 1px 2px #BF1616, 0px 1px 3px rgba(0,0,0,0.15);
box-shadow: inset 0px 1px 2px #BF1616, 0px 1px 3px rgba(0,0,0,0.15);
}