@CHARSET "UTF-8";

* { margin: 0 auto; padding:0; }

@viewport {
	width: 1370px;
}

body {
	background: #fff;
	text-rendering: optimizeLegibility;
	text-align: center; /*For IE6 Shenanigans*/
	line-height: 1.5vw;
	font: 0.8vw Helvetica, Tahoma, Arial, sans-serif;
	color: #000;
}

img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 5px;
	padding-bottom: 10px;
	-moz-border-radius: 1.0em;
	-webkit-border-radius: 1.0em;
	border-radius: 1.0em;
}

input[type="text"]:disabled {
	background-color: #eee;
	color: #000;
}

#buttons{
	clear: both;
    width: 100%;
    height: 4vh;
    margin: 0 0;
    padding-top: 0.3vh;
    padding-bottom: 0.3vh;
    background: #c0c0c0;
    border: 1px solid #FFFFFF;
    vertical-align: middle;
}

#buttons ul {
    padding-left: 1vw;
}

#buttons li {
    display: inline;
}

#buttons a {
    font-family: Helvetica, Tahoma, Arial, sans-serif;
    font-size: 1vw;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    display: block;
    float: left;
    padding-left: 0.5vw;
    padding-right: 0.5vw;
    margin-right: 1vw;
    height: 1.5vw;;
    padding-top: 0px;
    margin-top: 0px;
}

#buttons a:hover, .active{
   background: #425EA8;
}

/* header */

.cabezal {
	clear: both;
	height: 5vw;
	width: 90%;
	margin: auto auto;
	margin-bottom: 1em;
	text-align: center;
}

.headerpanel {
	border: 0; 
	background: transparent; 
	width: 100%; 
	text-align: center;
}

.imageleft {
	position: relative;
	display: block;
	float: left;
	width: 6%;
	height: auto;
	margin-left: 1%;
}

.imageright {
	position: relative;
	display: inline;
	float: right;
	width: 6%;
	height: auto;
	margin-right: 1%;
}

.tituloMercosur {
	display: block;
	color: #425EA8;
	font-size: 1.5vw;
	font-weight: bold;
	margin-top: 0.6vh;
}
	
.tituloSistema {
	display: block;
	color: #fff;
	font-size: 1vw;
	font-weight: bold;
}

.tituloVerde {
	color: #2FB467;
	font-size: 1.5vw;
}

/* Contenido */

.contenido {
	clear: both;
	margin: 0 auto;
	align: left;
	position: relative;
	text-align: left;
	margin-top: 1vw;
	line-height: 2.5vh;
	background: transparent;
	border: 0px solid #fff;
	-moz-border-radius: 1.0em;
	-webkit-border-radius: 1.0em;
	border-radius: 1.0em;
	width: 100%;
}

.languageLink  {
	float: left;
	margin-top: 3vw;
	margin-bottom: 1vw;
	margin-left: 0.5vw;
	margin-right: 0.5vw; 
	text-decoration: none;
	font-size: 0.7 vw;
	color: #ccc;
}

.languageLink a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #fff;
}

.roundPanel {
	clear: both;
	font-size: 0.8vw;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	border-radius: 0.8em;
}

.loginPanel {
	clear: both;
	width: 20vw;
	height: 20vh;
	margin: o auto;
	align: center;
	position: relative;
	text-align: center;
	color: #000;
	font-size: 1.0vw;
	border: 1px solid;
	box-shadow: 10px 10px 5px #2A0A0A;
	-moz-border-radius: 0.6em;
	-webkit-border-radius: 0.6em;
	border-radius: 0.6em;
}

.loginPanel .loginButton {
	font-size: 1.0vw; 
	font-weight: normal;
	color: white; 
	background: #0080c0;
	margin-left: 1vw;
}

.panelDatos {
	margin: 0 auto;
	margin-top: 0vw;
	border: 0px solid #fff; 
	background: transparent; 
	width: 100%;
	text-align: center;
	-moz-border-radius: 1.0em;
	-webkit-border-radius: 1.0em;
	border-radius: 1.0em;
}

[class*='col-'] {
   min-height: 1px; 
   margin: 1vw;
   background: transparent;
   
   border: 0px solid #000;
}
    
 .col-1 {
   clear: both;
   width: 12%; 
   float: left;
   margin-top: 3vw;
   margin-right: 1vw;
   padding-top: 0.5vm;
}

.col-2 {
   width: 80%; 
   float: right;
   margin-top: 0vw;
}

.menuPanel {
	min-width: 2vw;
	width: 100%;
	margin-top: 1vw;
	margin-left: 1vw;
	background: transparent;
	border: 1px solid #000;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	border-radius: 0.8em;
	box-shadow: 10px 10px 5px #2A0A0A;
}

.ui-menu {
	background: transparent;
	border: 0;
	line-height: 1.1vw;
}

.ui-menuitem-link {
	margin-top: 0.8vm;
	margin-bottom: 0.8vw;
}

.menubar {
	background: -webkit-linear-gradient(#ccc, #ddd, #aaa); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#ccc, #ddd, #aaa); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#ccc, #ddd, #aaa); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#ccc, #ddd, #aaa); /* Standard syntax */
	height: 3vh;
}

.menubar .menuText {
	font-size: 0.7vw;
}

.dataPanel {
	color: white;
	margin-top: 1vw;
	text-align: center;
	min-width: 3vw;
	width: 97%;
	padding: 0.8vw;
	background: transparent;
	border: 1px solid #000;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	border-radius: 0.8em;
	box-shadow: 10px 10px 5px #2A0A0A;
}

.treePanel {
	color: white;
	margin-top: 1vw;
	text-align: left;
	align: left;
	min-width: 3vw;
	width: 97%;
	padding: 0.8vw;
	background: transparent;
	border: 1px solid #000;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	border-radius: 0.8em;
	box-shadow: 10px 10px 5px #2A0A0A;
	
}

.dialog {
	border: 1px solid #848484;
	-moz-border-radius: 0.6em;
	-webkit-border-radius: 0.6em;
	border-radius: 0.6em;
	box-shadow: 10px 10px 5px #2A0A0A;
	font-size: 0.8vw;
	line-height: 1.5vw;
	align: left;
	text-align: left;
	width: 60vw !important;
}

.dialogEdit {
	border: 1px solid #848484;
	-moz-border-radius: 0.6em;
	-webkit-border-radius: 0.6em;
	border-radius: 0.6em;
	box-shadow: 10px 10px 5px #2A0A0A;
	font-size: 0.8vw;
	line-height: 1.5vw;
	align: left;
	text-align: left;
	width: 70vw !important;
}

.separator {
	width: 80%; 
	height: 0.1vw; 
	margin-top: 0.5vw; 
	margin-bottom: 0.5vw; 
	background-color: #2A4986 !important;
	border-color: #2A4986 !important;
	color: #2A4986 !important;
}

.left {
	text-align: left;
	align: left;
}

.center {
	text-align: center;
	align: center;
}

.right {
	text-align: right;
	align: right;
}

.justify {
	text-align: justify;
	align: center;
}

.fontBig {
	font-size: 1.5vw;
}

.fontMedium {
	font-size: 1.1vw;
	color: #aaa;
}

.anexoAdjunto {
	font-weight: bold;
}

.noAnexoAdjunto {
	margin-left: 1vw;
}

.letter {
	
}

.ui-messages {
	width: 50%;
	position: absolute;
	margin-top: 10vw;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.ui-messages .ui-messages-warn {
	background-color: #ffff00;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	border-radius: 0.8em;
	box-shadow: 10px 10px 5px #2A0A0A;
}

.ui-messages .ui-messages-info .ui-corner-all {
	color: #fff;
	background-color: #3ab650;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	border-radius: 0.8em;
	box-shadow: 10px 10px 5px #2A0A0A;
}

.ui-messages .ui-messages-error {
	color: #fff;
	background-color: #e9cd0a;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	border-radius: 0.8em;
	box-shadow: 10px 10px 5px #2A0A0A;
}

.ui-messages .ui-messages-fatal {
	color: #fff;
	background-color: #ff0000;
	-moz-border-radius: 0.8em;
	-webkit-border-radius: 0.8em;
	border-radius: 0.8em;
	box-shadow: 10px 10px 5px #2A0A0A;
}

.ui-radiobutton {
	margin-left: 0.3vw;
	margin-right: 0.5vw;
}

.fecha input {
	width: 100px !important;
}

.hora input {
	width: 80px !important;
}

.showPanel1 {
	
}

.showPanel2 {
	font-weight: bold;
	padding-left: 1vw;
	padding-bottom: 0.5vh;
}

.organoCol1 {
	align: left;
	text-align: left;
	width: 15vw;;
	color: blue; 
	font-style: italic;
}

.organoCol2 {
	align: left;
	text-align: left;
	font-weight: bold;
	width: 20vw;;
}

.anexoCol1 {
	align: right;
	text-align: right;
	font-style: italic;
	font-size: 0.8vw;
	line-height: normal;
	width: 8vw;
}

.anexoCol2 {
	align: left;
	text-align: left;
	font-weight: bold;
	width: 50vw;
}

.normaCol1 {
	align: right;
	text-align: right;
	font-style: italic;
	font-size: 0.8vw;
	line-height: normal;
	width: 8vw;
	border-bottom: 1px solid #ccc;
	margin-right: 1vw;
}

.normaCol2 {
	align: left;
	text-align: left;
	font-weight: bold;
	color: blue;
	width: 40vw;
	border-bottom: 1px solid #ccc;
}

.dtFileLink {
	width: 1vw;
	display: inline-block; 
	vertical-align: middle; 
	margin-left: 0.2vw; 
	margin-right: 0.2vw;
}

#titledialog {
	font: 1.0vm Helvetica, Tahoma, Arial, sans-serif;
	font-weight: bold;
	color: #092056;
	text-align: center;
}

.table-incorpora {
	border: 1px solid;
	border-collapse: collapse;
	text-align:center;
	font-size: 0.7vw;
	line-height: normal; 
	margin-left:auto; 
    margin-right:auto;
}

.table-incorpora tr td {
	border: 1px solid;
	padding: 3px;
	text-align: left;
	vertical-align: top;
}

.alertaVerde {
	background-color: green;
	color: #fff;
	font-weight: bold;
	align: center;
	text-align: center;
}

.alertaRojo {
	background-color: red;
	color: #fff;
	font-weight: bold;
	align: center;
	text-align: center;
}

.sendMail {
	background: url(../images/mailing.png) !important;
	width: 32px;
	height: 32px;
	padding: 0px !important;
	margin: -15px !important;
}