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

/*-------------------- BODY ------------------------ */
body {
text-align: center;
background-image: url(../images/fondo-web.gif);
background-repeat: repeat-x;
background-color: #f3f3f1;
color: #333;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height: 16px;
padding: 0px;
margin: 0px;
}
img {
	border: 0px;
}
p {padding: 0 0 10px 0; margin: 0px; text-align:justify;}
.pt5 {
	padding-top: 5px;
}
.pl50 {padding-left:50px}
.pt20 {padding-top:20px}
.p10 {padding: 10px;}
.p30 {padding: 30px;}
.p40 {padding: 0 40px 0 40px;}
.p40l {padding-left: 0 40px 0 40px;}
.left {float: left; width:300px;}
.right {float: right; width:480px;}
.right2 {float: right; padding: 0px; text-align:left; width:350px;}
.bass2{padding: 40px 100px 0 100px; text-align:center;color: #fff;}
.f10 {font-size: 11px; background-color:#f0f0f0;	border:1px solid #de753e;}
#contenedor {
margin: auto; 
width: 955px;
height: auto;
border: 0px;
background-image: url(../images/fondo-contenedor.gif);
text-align:left;
padding-left: 20px;
}
#top {
	background-image: url(../images/fondo-top.gif);
	background-repeat: no-repeat;
	width: 888px;
	height: 306px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	
}
#middle {
	background-image: url(../images/fondo-middle.gif);
	background-repeat:repeat-y;
	width: 888px;
	height: 185px;
	text-align: left;
	margin: 0px;
	
}
#bottom {
	background-image: url(../images/fondo-bottom.gif);
	background-repeat: no-repeat;
	width: 888px;
	height: 40px;
	text-align: left;
	padding: 0px;
	margin: 0px;	
}
#bass {
	background-image: url(../images/bass.gif);
	background-repeat: no-repeat;
	width: 888px;
	height: 145px;
	text-align: left;
	padding: 0px;
	margin: 0px;	
}
#clientes{
	float:right; 
	width:295px;
	height:100px; 
	margin: 20px 10px 0 0;
	background-image:url(../images/fondo-usuarios.gif);
	background-repeat:no-repeat;
}
#usuario{
	padding:40px 0 0 20px;
}
#menu {
	clear: both;
	padding: 10px 30px 0 30px;
	color: #fff;
		
}
#dropmenudiv{
position:absolute;
/*border:solid 1px #fff;  */
background-image:url(../images/fondo-menu.gif);
background-repeat:no-repeat;
width:152px;
height:62px;
font:normal 12px arial;
line-height:18px;
z-index:100;
padding-top: 5px;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 0px;
padding: 1px 0;
text-decoration: underline;
color: #fff;
font-size: 12px;
}

#dropmenudiv a:hover{ /*hover background color*/
color: #de753e;
}
a.menu:link
{
    FONT-SIZE: 13px;
    COLOR: #bbbbbb;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none
}
a.menu:active
{
    FONT-SIZE: 13px;
    COLOR: #bbbbbb;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none
}
a.menu:visited
{
    FONT-SIZE: 13px;
    COLOR: #bbbbbb;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none
}
a.menu:hover
{
    FONT-SIZE: 13px;
    COLOR: #fff;
    FONT-FAMILY: arial;
    TEXT-DECORATION: underline
}
a:link
{
    COLOR: #333;
    FONT-FAMILY: arial;
    TEXT-DECORATION: underline;
}
a:active
{
    COLOR: #333;
    FONT-FAMILY: arial;
    TEXT-DECORATION: underline;
}
a:visited
{
    COLOR: #333;
    FONT-FAMILY: arial;
    TEXT-DECORATION: underline;
}
a:hover
{
    COLOR: #dc7238;
    FONT-FAMILY: arial;
    TEXT-DECORATION: underline
}
a.blanco:link
{
    FONT-SIZE: 11px;
    COLOR: #fff;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;
	font-weight:normal;
}
a.blanco:active
{
    FONT-SIZE: 11px;
    COLOR: #fff;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;
	font-weight:normal;
}
a.blanco:visited
{
    FONT-SIZE: 11px;
    COLOR: #fff;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;
	font-weight:normal;
}
a.blanco:hover
{
    FONT-SIZE: 11px;
    COLOR: #fff;
    FONT-FAMILY: arial;
    TEXT-DECORATION: underline;
	font-weight:normal;
}

#usabilidad {
	padding: 47px 0 0 40px;
}
.naranja {
	color: #dc7238;
	font-weight: bold;
}
.formulario
{
	font-size: 10px;
	color: #333;
	background-color:#e7e7e7;
	border: 1px solid #333;
}
.blanco{
	color: #fff;
	font-size:10px;
	font-weight:normal;
}
.blanco2{
	color: #fff;
	font-size:12px;
	font-weight:bold;
	
}
h1 {
	color: #de753e;
	font-size: 20px;
	line-height:22px;
}
h2 {
	color: #333;
	font-size: 16px;
	padding: 5px 0 0 0;
	margin: 0px;
}
li {
	padding: 10px 0 0 0;
}
#foto{
	width: 285px;
	float: right;
	padding: 0px;
	margin: 0px;
}
#formulario {
	background-image: url(../images/fondo-formulario.gif);
	background-repeat: no-repeat;
	width: 668px;
	height: 329px;
	text-align: left;
	padding: 0px;
	margin: 0px;	
	padding: 50px 0 0 110px;
}
#formulario2 {
	background-image: url(../images/fondo-formulario2.gif);
	background-repeat: no-repeat;
	width: 260px;
	height: 530px;
	text-align: left;
	padding: 0px;
	margin: 0px;	
	padding: 30px 30px 0 30px;
}
#formulario3 {
	background-image: url(../images/fondo-formulario3.gif);
	background-repeat: no-repeat;
	width: 260px;
	height: 268px;
	text-align: left;
	padding: 0px;
	margin: 0px;	
	padding: 30px;
}
.cursos {text-align:right; width:450px; padding:2px; background-color:#efefef; border:1px solid #b9b9b9;margin: 2px 0 10px 0;}
a.pdf:link
{
    FONT-SIZE: 16px;
    COLOR: #4f5354;
    FONT-FAMILY: arial;
    TEXT-DECORATION: underline;
	font-weight:bold;
}
a.pdf:active
{
    FONT-SIZE: 16px;
    COLOR: #4f5354;
    FONT-FAMILY: arial;
    TEXT-DECORATION: underline;
	font-weight:bold;
}
a.pdf:visited
{
    FONT-SIZE: 16px;
    COLOR: #4f5354;
    FONT-FAMILY: arial;
    TEXT-DECORATION: underline;
	font-weight:bold;
}
a.pdf:hover
{
    FONT-SIZE: 16px;
    COLOR: #dd611e;
    FONT-FAMILY: arial;
    TEXT-DECORATION: underline;
	font-weight:bold;
}