/* CSS Document */

*{ font-family:Arial, Helvetica, sans-serif; font-size:9pt;}
img{ border:0px;}
body{background: url("images/background.jpg") repeat scroll 0 0 transparent;	margin-right: 0px;	margin-bottom: 0px; margin-top:0px; color:#fff; padding:0xp; height:100%; position:relative;}
td{}

input{font-family:Verdana; font-size:8pt; border-width:1; border-color:rgb(5,135,194); border-style:solid;}
.titulo2{ font-size:14px; color:#FFFFFF; text-align:center; font-weight:bold; border-bottom:1px solid #CCCCCC; margin-bottom:0px; padding:5px; background:#0066FF}
.titulo{ font-size:14px; color:#FFFFFF; text-align:center; font-weight:bold; margin-bottom:0px; padding:5px; background: url(images/trasparent.png) repeat-x;}
.error_inicio{ text-align:center; width:90%; color:#FF0000; font-weight:bold; padding:10px 10px; margin:auto;}

.contenedor{ width:100px; height:auto;}
.contenedor .rol{  width:80px; text-align:center; float:left; margin-left:10px; padding:2px 5px; margin-top:15px; min-height:69px; height:69px;}
.contenedor .rol a{ text-decoration:none; color:#333333;}
.contenedor .rol a:hover{ color:#CCCCCC; font-weight:bold; display:block; }


.triang{height:15px; display:block; width:100%; text-align: right; right:45px;}
.video{ display:none; width:310px; position:absolute; z-index:9999; right:0px;  height:164px; background:#000; text-align:center; margin:auto; color:#CCCCCC; padding:15px 20px;}
.login{background: url("images/fondo_login.png") no-repeat scroll 0 0 transparent;
    height: 126px;
    margin: auto;
    padding: 33px 7px 7px;
    position: relative;
    width: 257px;}
.login p{float: left;
    font-size: 8pt;
    margin-bottom: 13px;
    margin-top: 1px;
    width: 75px;}
.login input{border: 0 solid;
    border-radius: 2px;
	-moz-border-radius:  2px;
	-webkit-border-radius:2px;
    box-shadow: 1px 1px 2px 0 #222222 inset;
	-moz-box-shadow:   1px 1px 2px 0 #222222 inset;
	-webkit-box-shadow:1px 1px 2px 0 #222222 inset;
    float: left;
    font-size: 11pt;
    height: 26px;
    margin-bottom: 5px;
    margin-left: 18px;
    margin-top: 3px;
    text-indent: 6px;
    width: 220px;}
.login .bt{background: none repeat scroll 0 0 #555555;
    bottom: 27px;
    color: #FFFFFF;
    font-size: 9pt;
    height: 26px;
    position: absolute;
    right: 26px;
    width: 220px;box-shadow: none;
	background: rgb(113,14,208);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcxMGVkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NzAwOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(113,14,208,1) 0%, rgba(71,0,147,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(113,14,208,1)), color-stop(100%,rgba(71,0,147,1)));
background: -webkit-linear-gradient(top,  rgba(113,14,208,1) 0%,rgba(71,0,147,1) 100%);
background: -o-linear-gradient(top,  rgba(113,14,208,1) 0%,rgba(71,0,147,1) 100%);
background: -ms-linear-gradient(top,  rgba(113,14,208,1) 0%,rgba(71,0,147,1) 100%);
background: linear-gradient(to bottom,  rgba(113,14,208,1) 0%,rgba(71,0,147,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#710ed0', endColorstr='#470093',GradientType=0 );
}
.login .bt:active{box-shadow: 1px 1px 2px 0 #222222 inset;
	-moz-box-shadow:   1px 1px 2px 0 #222222 inset;
	-webkit-box-shadow:1px 1px 2px 0 #222222 inset;
	background: rgb(71,0,147);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ3MDA5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3MTBlZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(71,0,147,1) 0%, rgba(113,14,208,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(71,0,147,1)), color-stop(100%,rgba(113,14,208,1)));
background: -webkit-linear-gradient(top,  rgba(71,0,147,1) 0%,rgba(113,14,208,1) 100%);
background: -o-linear-gradient(top,  rgba(71,0,147,1) 0%,rgba(113,14,208,1) 100%);
background: -ms-linear-gradient(top,  rgba(71,0,147,1) 0%,rgba(113,14,208,1) 100%);
background: linear-gradient(to bottom,  rgba(71,0,147,1) 0%,rgba(113,14,208,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#470093', endColorstr='#710ed0',GradientType=0 );
}
.login span{ bottom: 0;
    color: #FFFFFF !important;
    font-size: 8pt !important;
    left: 12px;
    position: absolute;
    width: 118px;
    z-index: 1;}
.login .errcap{ background: url("images/btncap.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    bottom: -9px;
    height: 41px;
    position: absolute;
    right: 1px;
    width: 270px;}
.login .errcap img{bottom: 10px;
    position: absolute;
    right: 72px;}
.login .errcap .cap{bottom: 7px;
    height: 19px !important;
    position: absolute;
    right: 17px;
    width: 61px !important;}
.abajo{ bottom:10px; position:absolute; left:21px;}
.cms{ top:0px; position:absolute; left:35px;}
/* style de los modulos*/

#contenedor{left: 50%;
    margin: -43px 0 0 -120px;
    position: absolute;
    top: 50%;}
	
#contenedor .cuenta{
    margin-top: 7px;
    position: relative;
    text-align: center;}
#contenedor .cuenta a{color: #FFFFFF;
    font-size: 7pt;
    text-decoration: none;}
#contenedor .cuenta a:hover{ text-decoration:underline;}

.username{ background: none repeat scroll 0 0 #666666;
    border-radius: 6px 6px 6px 6px;
    font-size: 8pt;
    height: 20px;
    left: 50%;
    line-height: 21px;
    padding-left: 20px;
    padding-right: 20px;
    position: absolute;
    text-align: center;
    top: 10px; margin-left:-100px;}
/*Mnu*/

/* dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg2.gif);
	padding-left: 20px;
}
a.dock-item {
	display: block;
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 5px 10px 0px; 
	width: 100%; 
}
.dock-item span {
	display: none; 
	padding-left: 20px;
}

/* dock2 - bottom */
#dock2 { left:50%; 
	bottom: 10px;
	position: absolute;

}
.dock-container2 {
	position: absolute;
	height: 50px;
	background: url(images/dock-bg.gif);
	padding-left: 20px;
}
a.dock-item2 {
	display: block; 
	font: bold 12px Arial, Helvetica, sans-serif;
	width: 40px; 
	color: #000; 
	bottom: 0px; 
	position: absolute;
	text-align: center;
	text-decoration: none;
}
.dock-item2 span {
	display:none;
	background: none repeat scroll 0 0 #000000;
    border-radius: 9px 9px 9px 9px;
    margin-bottom: 17px;
    padding: 4px 10px;
    text-align: center;
    width: 100%;
}
.dock-item2 img {
	border: none; 

	width: 100%; 
}