body 
{
	background-color: #FFF;
    border-top:10px solid #466081 !important;
    color:#333;
    font-family: 'Helvetica', 'Arial';
    font-size:14px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-weight: normal !important;
}
p
{
    padding-right: 10px;
}
.footer
{
	min-height: 30px;
	padding-top: 20px;
	background-color: #E2E2E2;
	font-size: 12px;    color: #767676;
}
.divMessages {
    background-color:#7AC0DA;
    color:#3E5667;
    min-height:15px;
}
.HeroAccent {
    background-image:url('images/heroAccent.png');
    background-repeat:no-repeat;
    min-height:25px;
    margin-left:10px;
    margin-bottom:0px;
    }
.Accent {
    background-image:url('images/Accent.png');
    background-repeat:no-repeat;
    min-height:25px;
    margin-left:10px;
    margin-bottom:10px;
    }
.Content {
    background-color:#EFEFEF;
    padding-bottom:35px;
}
.title
{
    text-transform: uppercase;
    font-size: 16px;
    font-weight:bold;
    margin-bottom:10px;
    display:block;
    clear:both;
    margin-top:5px;
}
.right
{
    float: right;
}
.left
{
    float: left;
}
.bold
{
    font-weight: bold !important;
}
.clearfix
{
    clear:both;
}
.ContentLeftMargin
{
    margin:0 20px 0 10px;} 
.Separacion
{
    min-width:1px;
    width:auto;
    height:15px;
    clear:both;}
/*grid*/
.grid
{
    text-align: left;
}
.grid > div > table{
    width:99%;
    border:1px solid #999;
}
.gridHeader th ,.Radgrid .gridHeader{
	background-color: #466081;
	color: #FFFFFF;
	border: 1px solid #466081;
    padding:4px 5px;
}
    .gridHeader th a {
        color:#FFF;
        text-decoration:underline;
    }
    .gridHeader th a:hover {
        text-decoration:none;
    }
.gridRow {
    background-color:#FFF;
}
.gridAlternating {
    background-color:#EEE;
}
.gridPager {
    background:#DDD;
}
.gridPager table {
    float:right;
}
.gridPager td{
    border-width:0px !important;
}
.gridNoData
{
	border: none;
}
.grid td
{
    padding:5px;
    max-width:600px;
}
.gridEdit {
    background-color:#D8CEC2;
}
    .gridEdit table td {
        padding:0px;
    }
.gridImg {
    max-width:150px !important;
}
.gridIcon{
    padding-top:0px !important;
    padding-bottom:0px !important;
}
.gridIcon a{
    margin-right:5px;
}
/*other grid*/
.PagerGrid a
{
    color:#4D4D4D;
    font-size:16px;
    margin:0 5px;
    text-decoration:none;
    }
.PagerGrid a:hover{
    text-decoration:underline;}
/*end other grid*/
/*end grid*/
.LinkImage {
    max-width:150px;
}
input
{
    margin:0;
    padding:0;
    height:auto;
    padding:2px;
}
    
.validators
{
	font-size: 11px;
	margin-bottom:5px;
	color:Red;}
.Justify
{text-align:justify;}
.Capitalize
{text-transform:capitalize;}

.field
{
	padding: 2px;
	height: 16px;
    max-width: 90%;
}
.normalField ,.SearchBox
{
	padding: 2px;
	width: 200px;
    max-width: 90%;
}
.bigField
{
	width: 320px;
	height: 20px;
	padding: 2px;
	max-width: 80%;
}
.biggestField
{
    padding: 2px;
    max-width: 95%;
	width: 695px;
}

/*---- SYSTEM MESSAGES ----*/

.systemMessages
{
	float: right;
    position: absolute;
    right: 1px;
    text-align: right;
    top: 3px;
    width: 230px;
    z-index: 200;
}
/* MESSAGES CONTROL */

.messages {
    /*padding: 2px;
    float: right;
    position: relative;
    text-align: left;
    margin-top: -3px;
    width: 236px;*/
    text-align:right;
}
.messagesContent 
{
	display: none;
    background-color: #F5F5F5;
    border: 1px solid #AAAAAA;
    display: none;
    height: 250px;
    overflow: auto;
    padding: 5px;
    position: absolute;
    text-align: left;
    /*top: 19px;
    left: inherit;*/
    bottom:0px;
    right:0px;
    width: 224px;
    z-index: 1200;
}

.messages > .header ,.messages > .headerAlt{
    /*width: 236px;*/
    padding:5px;
}

/* FORMULARIOS */

.warningMsg
{
	background-color:#FFFFD0; 
	/*height:15px;*/
	margin: 10px 0; 
	padding-top: 7px;
    padding-bottom:2px;
	border: solid 1px #FDFDAA;
}
.warningMsg img
{
	vertical-align: middle; 
	margin-top: -4px;
	margin-left: 5px;
	width: 32px;
	height: 32px;
}

.infoMsg
{
	background-color:#E3E8F8; 
	height:15px; 
	margin: 10px 0; 
	padding-bottom: 7px;
	border: solid 1px #C1D1F1;
}

.infoMsg img
{
	vertical-align: middle; 
	margin-top: -4px;
	margin-left: 5px;
	width: 32px;
	height: 32px;
}

/**/
.menu {
    text-align:right;
    font-weight:bold;
    /*margin:30px 0 5px 0;
    float:right;*/
}
.menu li{
    background-color:#466081;
    border:1px solid #334A66;
    border-radius:4px;
    display:block;
    float:left;
    list-style:none outside none;
    margin-left:5px;
    padding:5px 10px;
}
    .menu li:hover {
        background-color:#CFD2D6;
        border-color:#ccc;
    }
.menu li a ,.menu li span{
    font-size:16px !important;
    color:#FFF;
}
.menu li:hover >a ,.menu li:hover >span ,.menu li li:hover >a{
    color:#000;
    text-decoration:none;
}
    .menu li:hover div{
        visibility:visible;
    }
    .menu div {
        position:absolute;
        visibility:hidden;
        width:90px;
    }
    .menu ul {
        float:right;
        left:0px;
        margin-top:6px;
        position:relative;
        width:230px;
        z-index:200;
    }
    .menu li li {
        margin:1px 2px 0px 0px;
        float:none;
        padding-left:5px;
    }
    .menu li li a{
        font-size:14px !important;
    }
/**/
.button ,.button2{
    /*background: url("images/buttonMenu.png") no-repeat scroll 0 0 #989898;*/
    background-color:#466081;
    border-radius:3px;
    color: #FFFFFF;
    display: inline-block;
    font-size: 12px;
    padding:7px 10px;
    text-align: center;
    text-decoration: none;
}
    .button:hover{
        background-color:#CFD2D6;
        color:#000;
        text-decoration:none;
    }
.imgBtn {
    padding:0px;
    width:20px;
    height:20px;
    vertical-align:top;
}
.labelBold {
    display:block;
    margin-top:5px;
    font-weight:bold;
}
.labelForm {
    clear:both;
    float:left;
    min-width:150px;
    margin-left:40px;
    margin-right:10px;
    margin-bottom:5px;
}
a {
    color:#355095;
    font-size:13px !important;
}
.buttonPnl {
    margin-top:10px;
}
.contentMenu {
    overflow:hidden;
}

.red {
    color:red;
}
.green {
    color:green;
}
.Language {
margin-top:10px;
}
.lbLanguage {
    border:1px solid #999;
    padding:3px 7px;
    box-shadow:1px 1px 2px #333;
    margin-right:3px;
}
    .lbLanguage span {
    color:#444;
    font-size:14px;
    }
.titleBig {
    width:100%;
    text-align:center;
}
.contentMenu {
    font-size:14px;
    color:#3d579a;
}
    .contentMenu a {
        font-size: 14px !important;
        color: #3d579a;
        border-right:1px solid #3d579a;
    }
    .contentMenu a:last-of-type {
        border-right-width:0px;
    }
    .contentMenu a:hover {
        text-decoration: none;
    }
div#repeater > div > div {
    width: 48%;
    position: relative;
    overflow: hidden;
}
    div#repeater > div > div > h2 {
        position: absolute;
        bottom: 4px;
        left: 0px;
        font-size: 12px;
        color: #FFF;
        background-image: url(images/bgblacktransparent.png);
        width: 100%;
        padding: 2px;
    }
@media only screen and (min-width: 1200px) {
    .ddlInsert {
        max-width:230px;
    }
    .ddlUpdate {
        max-width:180px;
    }
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
    .PageTag .eleven ,.PageTag .five{
        width:960px !important;
    }
    .container .PageTag .eleven.columns .padded , .container .PageTag .five.columns .padded {
        width:auto !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .biggestField {
        max-width:550px !important;
    }
    .PageTag .eleven ,.PageTag .five{
        width:768px !important;
    }
    .container .PageTag .eleven.columns .padded , .container .PageTag .five.columns .padded {
        width:auto !important;
    }
    .PageTag .six {
        margin-left:-10px;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .labelForm {
        margin-left:20px;
    }
    .biggestField {
        max-width:300px !important;
    }
}
@media only screen and (max-width: 479px) {
    .biggestField {
        max-width:300px !important;
    }
}
div#MainImageLinks > div > div
{
    width: 48%;
    position: relative;
    cursor: pointer;
    overflow: hidden;
}
div#MainImageLinks > div > div > h2
{
    position: absolute;
    bottom: 4px;
    left: 0px;
    font-size: 12px;
    color: #FFF;
    background-image: url(images/bgblacktransparent.png);
    width:100%;
    padding: 2px;
}
.PageTitle{
    font-size: 35px;
    display: block;    
}
.PageSubTitle{
    font-size: 20px;
}
.Border ,.Border2Col{
    border:1px solid #999;
    box-shadow:1px 1px 2px #999999;
    padding:7px;
    margin-bottom:10px;
}
.Border2Col {

    float:left;
    margin-left:2%;
    width:42%;
    margin-bottom:20px;
    padding:15px;
    min-height:190px;
}
.ListFamily {
    margin-bottom:10px;
    margin-left:20px;
    text-align:left;
}
.mbTabsetContainer a ,.ListFamily a{
    margin-right:7px;
}
    .mbTabsetContainer > .tabContent :after ,.ListFamily .tabContent :after{
        content:',';
    }
    .mbTabsetContainer > .tabContent :last-child:after ,.ListFamily .tabContent :last-child:after{
    content:"";
    }
.treeContent{
    border:1px solid #999;
    border-radius:5px;
    padding-bottom:5px;
}
/*d9d9c2 87876a son los colores del popup de description*/


/*css tab*/
.mbTabset .handler{padding-right:5px; position:relative;margin-left:-5px}
.mbTabset{white-space:nowrap; display:block;margin-bottom:-1px; float:left;border-bottom:1px solid #CFD2D6;}
.mbTabset .mbTab {display:inline-block; cursor:pointer;}
.mbTabset a.mbTab {
	background-color:#CFD2D6;
	color: #333;
	display:block; /*opera*/
	display:inline-block; /*ie*/
	font: normal 13px arial, sans-serif;
	height: 28px;
	text-decoration: none;
    border-radius:5px 5px 0 0;
    text-transform:uppercase;
    border-width:1px 1px 0px 1px;
    border-style:solid;
    border-color:#CCC;
}

.mbTabset a.mbTab span {
	display: block;
	line-height: 21px;
	padding:4px 10px;
}

/*SELECTED and HOVER*/
.mbTabset a.mbTab.sel ,.mbTabset a.mbTab:hover{
	background-color:#466081;/*#62748C;*/
	border:1px solid #334A66;
    color: #FFF;
    margin-bottom:-1px;
    border-bottom-color:#62748C;
}

/*CONTAINER*/

.mbTabsetContainer{
	background:#fff;
	font-size:13px;
	-webkit-border-radius:0px 0px 5px 5px;
	-moz-border-radius:0px 0px 5px 5px;
	border-radius:0px 0px 5px 5px;
	min-height:80px;
	max-width:99%;
	border:1px solid #CFD2D6;
	clear:both;
    padding:10px;
}
/*end css tab*/

/*-------POPUPS------*/
/* Default mask for any popup */
.popup_Mask {
    position: fixed;
    z-index: 8000;
    background-color: #000;
    display: none;
    filter: alpha(opacity=60);
    width: 100%;
    height: 100%;
    opacity: 0.6;
    left: 0;
    top: 0;
}

.Default_Popup {
    position: absolute;
    display: none;
    z-index: 8100;
    border: solid 1px #dedede;
    -moz-box-shadow: 0px 0px 15px #FFF;
    -webkit-box-shadow: 0px 0px 15px #FFF;
    box-shadow: 0px 0px 15px #FFF;
    background-color: #fff;
    border-radius:5px;
}

    .Default_Popup > div{
        padding: 10px;
    }

    .Default_Popup .columnHead {
        margin: 0px;
    }
/*-------END POPUPS------*/
.Login {
    margin-right:10px;
    float:left;
}
    .Login a {
        margin-left:5px;
    }
.logo {
    max-height:120px;
    max-width:300px;
    min-height:53px;
}
.header {
    margin-top:10px;
}
.LoginForm {
    border:1px solid #777;
    border-collapse:initial !important;
    border-radius:5px;
}
.LoginForm table td{
    padding:2px 10px;
}
.LoginForm .title{
    background-color:#466081;
    text-align:left;
    display:table-cell;
    color:#FFF;
}
.SearchButton {
    width:20px;
    height:20px;
    padding:0px;
}
.Instruction {
    border:1px dashed #999;
    padding:10px;
    margin-bottom:10px !important;
}
.Instruction .eight{
    margin-right:-16px;
}
.Instruction .ten, .Instruction .six ,.Instruction .nine, .Instruction .seven{
    margin-right:-16px;
}
.labelBig {
    font-size:16px;
    margin-bottom:10px;
    display:block;
}
#contentEditDocumentPanel a{
    margin-right:5px;
}

.ViewTaggedImageArea dl a >span, .PhotoRostro{
    text-indent: 0;
	vertical-align: top;
	color: #333;
    /*border:1px solid #999;
	background-color:#FFF;*/ /*Maroon;*/
	/*font-weight: bold;*/
	position: absolute;
	top: 100%;
	margin: 0 auto;
	/*padding: 5px 10px;*/
	width: auto;
    /*min-width:100px;*/
	font-family: Tahoma;
	font-size: 10px;
    left:50%;
}
.ViewTaggedImageArea dl a > span >span ,.PhotoRostro > span{
    border:1px solid #999;
	background-color:#FFF;
    padding: 5px 10px;
    min-width:100px;
    left:-50px;
    position:relative;
    display:block;
}
/*.ViewTaggedImageArea dl a:hover > span > span {
    margin-left:-50%;
}*/
.PhotoRostro {
    display:block !important;
}

.ulList {
    margin-top:5px;
}
.ulList li {
    list-style:disc;
    margin-left:25px;
    margin-top:2px;
}
/*#cluetip-inner {
    max-height:150px;
    overflow:auto;
}*/