body {

	background-image: url("../images/design/madera-vieja.jpg");
	background-position: center top;
	background-repeat: no-repeat;
}

.ancho{
   border-top: 1px solid #dfdfdf;
   background: #f0f0f0;
   background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0));
   background: -webkit-linear-gradient(top, #f0f0f0, #f0f0f0);
   background: -moz-linear-gradient(top, #f0f0f0, #f0f0f0);
   background: -ms-linear-gradient(top, #f0f0f0, #f0f0f0);
   background: -o-linear-gradient(top, #f0f0f0, #f0f0f0);
   padding: 3px 6px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   color: #5e6698;
   font-size: 13px;
   text-decoration: none;
   }
.ancho:hover {
   border-top-color: #dfdfdf;
   background: #dfdfdf;
   color: #5e6698;
   }
.ancho:active {
   border-top-color: #dfdfdf;
   background: #dfdfdf;
   }

.m_imagen2{
    float: left;
    float: left;
    left: 12%;
    position: relative;
}
.m_imagen{
	display: block;
    float: left;
    left: 168px;
    top: 10px;
    position: relative;
}
.presentacion3{
	clear: both;
    float: left;
    left: 45%;
    position: relative;
    text-align: left;
    top: -35%;
}
.presentacion2{
	float: left;
    position: relative;
    text-align: left;
    top: 90px;
}
.presentacion{
	float: left;
    left: -25px;
    position: relative;
    text-align: left;
    top: 194px;
}
.pic{
	text-align: center; 
	width: 215px;
}
 .fieldset-auto-width {
         display: inline-block;
    }

.rol {
	float: left;
	text-align: right;
	top: 25px;
	position: relative;
}
.datos {
	position: relative;
	text-align: left;
	top: 25px;
}
.rus{
	position: relative; 
	top:-40px;
}
.tablecenter{
	margin-left:auto; 
    margin-right:auto;
}
.frameall{
 	position: relative;
    top: 50px;
    width: 1000px;
}

.frameall2{
	position: relative;
	top: 30px;
    margin-left: auto;
    margin-right: auto;
    /*width: 1000px;*/
}
.user {
	width: 350px;
	height: 100px;
	border: 1px solid #ddd;
}
.client {
	width: 400px;
	height: 100px;
	border: 1px solid #ddd;
}
.mensaje2 {
	position: absolute;
	top: 20px;
	padding-left: 548px;
}
.mensaje1 {
	position: absolute;
	top: 20px;
	padding-left: 32px;
}
.headline {
	font-family: Georgia, serif;
	color: #4E443C;
	font-variant: small-caps;
	text-transform: none;
	font-weight: 100;
	margin-bottom: 0;
}
.text_box {
	top: 55px;
	clear: both;
	float: left;
	left: 30px;
	position: relative;
}
.tablecentered{
	'margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 10%;
}

.lista {
	float: left;
	height: 323px;
	left: 40px;
	overflow: auto;
	position: relative;
	top: 56px;
	width: 180px;
}
.lista2 {
	height: 323px;
	overflow: auto;
	width: 180px;
}

.bottom2 {
	float: left;
	left: 64px;
	overflow: auto;
	position: relative;
	top: 324px;
}
.bottom {
	float: left;
	left: 64px;
	overflow: auto;
	position: relative;
	top: 324px;
}
input.image {
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background-color: #ededed;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #dcdcdc;
	display: inline-block;
	color: #777777;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #ffffff;
	width: 40px;
}
input.image:hover {
	background-color: #dfdfdf;
}
input.image:active {
	position: relative;
	top: 1px;
}
.fondo-cabecera {
	background: url("../images/design/header.jpg") repeat-x scroll left top transparent;
	height: 95px;
	width: 100%;
}

.centrar {
	position: absolute;
	/*nos posicionamos en el centro del navegador*/
	top: 50%;
	left: 50%;
	/*indicamos que el margen izquierdo, es la mitad de la anchura*/
	margin-left: -300px;
	/*indicamos que el margen superior, es la mitad de la altura*/
	margin-top: -150px;
	padding: 5px;
}

ul.entrar a {
	display: block;
	width: 9em;
	padding: 5px 0;
	font: bold 90% Verdana, Arial, sans-serif;
	text-transform: uppercase;
	background: #ffffff;
	color: #708DA4;
	text-decoration: none;
	text-align: center;
	position: relative;
	top: 15px;
	border: 1px solid #464C54;
	background-image: url("../images/design/btn.jpg");
	background-repeat: repeat-x;
}
ul.entrar a:hover {
	color: #708DA4;
	border: 1px solid #464C54;
	background-position: center bottom;
	background-image: url("../images/design/btndwn.jpg");
	background-repeat: repeat-x;
}

ul.entrar a:active {
	color: #708DA4;
	border: 1px solid #464C54;
	background: #4E7C90;
}

.required {
	color: red;
}

ul.lista, ul.lista li {
	margin: 0;
	padding: 0;
	list-style-type: none
}

ul.lista li {
	float: left;
	width: 100%;
	font-size: 90%;
}

ul.lista a {
	display: block;
	width: 100%;
	padding: 5px 0;
	font: bold 90% Verdana, Arial, sans-serif;
	text-transform: uppercase;
	background: #51A939;
	color: #FFFFFF;
	text-decoration: none;
	border: 1px solid #464C54;
	text-align: left
}

ul.lista a:hover {
	border: 1px solid #464C54;
	background: #0A2B4A;
	color: #FFF
}

ul.entrar, ul.entrar li {
	margin: 0;
	padding: 0;
	list-style-type: none
}
ul.entrar li {
	float: right;
	width: 9em;
	font-size: 90%;
	margin-right: 5px
}

ul.salir, ul.salir li {
	margin: 0;
	padding: 0;
	list-style-type: none
}
ul.salir li {
	float: right;
	width: 9em;
	font-size: 90%;
	margin-right: 5px
}
ul.salir a {
	float: right;
	display: block;
	width: 9em;
	padding: 5px 0;
	font: bold 90% Verdana, Arial, sans-serif;
	text-transform: uppercase;
	background: #51A939;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center
}
ul.salir a:hover {
	background: #1F7050;
	color: #FFF
}