@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	background-position:center;
	background-position:top;
	background-repeat:no-repeat;
	text-align:center;
	margin:0 auto auto auto;
}


FONT		{FONT-FAMILY: verdana,Helvetica; FONT-SIZE: 10px; COLOR: #666666}
TD		{FONT-FAMILY: verdana,Helvetica; FONT-SIZE: 10px; COLOR: #666666}
BODY		{FONT-FAMILY: verdana,Helvetica; FONT-SIZE: 10px; COLOR: #666666; text-align:center; height:100%;}
P		{FONT-FAMILY: verdana,Helvetica; FONT-SIZE: 10px; COLOR: #666666}
DIV		{FONT-FAMILY: verdana,Helvetica; FONT-SIZE: 10px; COLOR: #666666}
INPUT		{FONT-FAMILY: verdana,Helvetica; FONT-SIZE: 10px; COLOR: #666666}
TEXTAREA	{FONT-FAMILY: verdana,Helvetica; FONT-SIZE: 10px; COLOR: #666666}
FORM 		{FONT-FAMILY: verdana,Helvetica; FONT-SIZE: 10px; COLOR: #666666}
html, body {height: 100%;}

/* estructura */

* {
padding: 0;
margin: 0;
}


#general{
width:auto;
min-height:100%;
text-align:center;
margin:auto;
}


* html #general{
	height: 100%;
}



.cuerpo{
width:900px;
height:600px;
text-align:left;
margin:auto;
background-image:url(../images/tapiz.jpg);
}

.cuerpo .titulo{
position:absolute;
width:392px;
height:98px;
margin:18px auto auto 135px;
z-index:700;
}

.cuerpo .degra{
position:absolute;
width:556px;
height:600px;
margin:auto auto auto 100px;
z-index:100;
}

.cuerpo .animacion{
width:164px;
height:600px;
margin:auto;
position: absolute;
margin:auto;
z-index:50;

}

.pie{
text-align:right; 
display:block; 
width:900px; 
margin:auto;
}

.textopie{
width: auto;
height:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#999999;
text-align:left;
width:890px;
margin:-25px auto auto auto ;
padding-left:10px;
}


.blanco{
color:#FFFFFF;
}

.blanco2{
color:#FFFFFF;
font-size:18px;
}


.cuerpo .telefono{
width:auto;
color:#FFFFFF;
font-size:40px;
margin:523px 0px 0px 600px;
position:absolute;
z-index:800;
}

.cuerpo .email{
width:auto;
color:#FFFFFF;
font-size:16px;
margin:503px 0px 0px 618px;
position:absolute;
z-index:800;
}


.cuerpo .aviso{
width:536px;
height:55px;
position:absolute;
margin:545px 0px 0px -50px;
z-index:500;
}


.cuerpo .aviso .textaviso{
width:auto;
height:auto;
position:absolute;
margin:35px 0px 0px 60px;
z-index:600;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#cc0a0a;
font-size:9px;
font-style:normal;
}

.cuerpo .aviso .textaviso .logorb{
width:auto;
height:auto;
position:absolute;
margin:-8px 0px 0px 255px;
z-index:700;
}

.enlaceruiz{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#eb0505;
font-size:9px;
font-style:normal;
font-weight: bold;
text-decoration:none;
padding-bottom:5px;
}
.enlaceruiz:hover{
text-decoration:underline;

}


.enlaceatras{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#993300;
font-size:10px;
font-style:normal;
font-weight: bold;
text-decoration:none;
padding:2px;

}
.enlaceatras:hover{
background-color:#CC3300;
color:#FFFFFF;

}

/*/////////////////////////////////////////////////////// Login Panel //////////////////////////////////////////////////////*/
.cuerpo .top {
  	height: 38px;
	position:absolute;
	z-index:600;
	margin:0px 0px 0px 630px;
	text-align:left;
	width:319px;
	height:28px;
}

.cuerpo .top .fondo{
	width:230px;
	height:28px;
	margin:auto;
	z-index:800;
	position:absolute;
}


.cuerpo .top .boton{
	width:230px;
	height:28px;
	margin:auto;
	z-index:900;
	position:absolute;
}



.cuerpo .top ul.login {
	display: block;
	position: relative;
  	height: 22px;
	width: auto;
  	font-weight: bold;
	margin: 3px 0;
	color: white;
  	font-size:10px;
	text-align: center;
}



.cuerpo .top ul.login li {
 	text-align: left;
  	padding: 2px 0px 0px 10px;
	display: block;
	height: 22px;
  
}

.cuerpo .top ul.login li a {
	font-size:14px;
	color:white;
	text-decoration:none;
	background:url(../images/email-open-regular.gif) no-repeat right;
	padding-right: 20px;
	padding-bottom:5px;
}

.cuerpo .top ul.login li a:hover {
	color:#FF9900;
	text-decoration:none;
	
}

.cuerpo .top .boton{
	width:244px;
	height:21px;
	margin:auto;
	z-index:900;
	position:absolute;
}




.cuerpo .contentlogin{
width:319px;
height:auto;
position:absolute;
margin:0px 0px 0px 630px;
}


/*/////////////////////////////////////////////////////// texto //////////////////////////////////////////////////////*/

.cuerpo .estiloatencion{
display:block;
font-size:20px;
color: #122a4a;
text-align:left;
position:absolute;
width:400px;
height:auto;
font-family:"Century Gothic";
margin:110px 0px 0px 140px;
z-index:200;
}



.texto{
display:block;
text-align:left;
width:420px;
height:auto;
z-index:200;
padding-top:8px;
margin:130px 0px 0px 140px;
position:absolute;
}

.azul{
display:block;
font-size: 10px;
font-weight:bold;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


.azul2{
display:block;
font-size: 13px;
color:#006699;
text-align:left;
width:100%;
height:auto;

font-family:"Century Gothic";
z-index:200;
}

ul#funciones {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#172538;
font-size:10px;
list-style:none;
}

ul#funciones li{
margin:5px 0px 5px 0px;
list-style:none;
font-weight:bold;
}


ul#funciones2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#465160;
font-size:10px;
list-style:circle;
padding-left:20px;
}

ul#funciones2 li{
margin:5px 0px 5px 0px;
list-style:none;
font-weight:100;
list-style:circle;
}

/*//////////////////////////////////////////////////// fin texto //////////////////////////////////////////////////////*/