/* CSS Document */

body{

font-family:Verdana;

font-size:11px;

background: #C4D4E5;

margin: 0;

padding: 0;

text-align: center;

color: #333333;

}

img{ border:0; }

form, p, h1, h2, h3{ margin:0; }





.right{ text-align:right; }

.left{ text-align:left; }

.center{ text-align:center; }

.clearfloat{

clear:both;

height:0;

font-size: 1px;

line-height: 0;

}

.barra_gris{

clear:both;

background-color:#EAEAEA;

border-bottom:3px solid #FFFFFF;

border-top:2px solid #FFFFFF;

padding:4px 0;

line-height:0;

}







#container{

width: 760px; 

text-align: left;

background: #FFFFFF;

margin: 0 auto;

border:1px solid #000000;

}







#header{

background-color:#0E237B;

}

#header .logo{

float:left;

width: 185px;

text-align:left;

}

#header .headlateral{

float:right;

text-align:right;

}

#header .menusup ul{

margin:10px 2px;

padding:0;

list-style:none;

}

#header .menusup li{

padding:5px;

display: inline;

font-size:10px;

}

#header .menusup li a{

color:#FFFFFF;

border:1px solid #FFFFFF;

text-decoration:none;

padding:3px 5px;

}

#header .menusup li a:hover{

color:#CFCFCF;

border:1px solid #CFCFCF;

text-decoration:none;

padding:3px 5px;

}















#sidemenus{

clear:left; 

float:left; 

background-color:#ffffff; 

padding:10px; 

width:20%; 

}

#sidemenus ul{

width:145px; 

margin:5px;

}

#sidemenus li ul{

width:135px;

margin: 0;

border-bottom:1px solid #E0E0E0;

padding: 0 0 10px 10px;

position: relative;

}

#sidemenus li{

margin:5px 0 0 0;

}

#sidemenus a{

font-size:11px; 

color:#040404; 

display:block; 

padding:2px 0 6px 15px;

}

#sidemenus li a:hover{

display:block;

color:#666666; 

}

#nav, #nav ul{

padding:0;

padding-left:10px; 

margin:0;

margin-top:10px;

position: relative;	

}

#nav li{ 

position: relative; 

}

#nav a:link, #nav a:visited{

text-decoration: none; 	

}

.noncurrent{ 

display:none; 

}

#nav ul li{

float: none; 

border: 0 none transparent; 

margin: 0;

padding:5px 0;

}

#nav li:hover ul{

display: block; 	

}

hr{

display:none;

}

.dotted{

margin-left:0;

height:1px; 

border-left: 0;

border-right: 0;

border-bottom: 0;

border-top:1px solid #E0E0E0;

}

div.dottedblue { 

margin-left:0;

height:1px; 

border-left:0;

border-right:0;

border-bottom:0;

border-top:1px solid #E0E0E0;

}

/* Arrows */

#sidemenus ul {

list-style-type: none; 

padding:0; 

margin: 0; 

}

li.currentpage a strong{

display:block; 

margin-left: -13px; 

padding: 0 0 0 15px; 

background: url("../images/down.gif") no-repeat;

background-position: 0 4px; 

text-decoration:none; 

}

li.sblank a:hover, li.sblank a:active, li.sblank a:link, li.sblank a:visited {

display:block; 

background: url("../images/blue.gif") no-repeat; 

background-position: 0 4px; 

text-decoration:none; 

}

li.blank a:link, li.blank a:visited {

display:block; 

background: url("../images/blue.gif") no-repeat; 

background-position: 0 4px; 

text-decoration:none; 

}

li.blank a:hover, li.blank a:active{

display:block;

padding: 0 0 0 15px; 

background: url("../images/down.gif") no-repeat;

background-position: 0 3px; 

text-decoration:none;

}

li ul li.blank a:hover, li ul li.blank a:active, li ul li.blank a:link, li ul li.blank a:visited {

display:block; 

background: url("../images/blank.gif") no-repeat; 

background-position: 0 4px; 

text-decoration:none; 

color:#666666;

}













#main{

float:right;

text-align:left;

width:77%;

}

#main table{

width:100%;

border-collapse:separate;

}

#main td{

border:1px solid #E0E0E0;

padding:10px;

vertical-align:top;

}

#main .welcome .bienvenido{

padding:15px 8px 10px 8px;

}

#main .welcome h2{

padding:0 8px 10px 8px;

font-size:12px;

}

#main .welcome p{

padding:15px 8px 15px 8px;

}

#main .welcome span{

float:right;

padding-left:15px;

}

#main h1{

font-size:14px;

color:#FF1E1E;

background-color:#EAEAEA;

margin-bottom:10px;

}

#main h1 span{

background-color:#FFFFFF;

padding-right:8px;

}

#main .lab{

float:left;

padding-right:10px;

padding-bottom:10px;

}

#main a{

color:#183FDA;

}

#main a:hover{

color:#6D87EF;

}

#main ul{

margin:0;

padding:0; 

list-style-type: none;

}

#main li{

padding:5px;

}

#main .titulo a{

text-decoration:none;

color:#0E237B;

}

#main li a{

color:#183FDA;

}

#main li a:hover{

color:#6D87EF;

}

#main p{

padding-bottom:8px;

text-align:justify;

}

#main .leyenda{

font-size:10px;

font-weight:bold;

padding-bottom:10px;

color:#999999;

text-align:right;

}







#main .titulo{

font-size:12px;

font-weight:bold;

color:#0E237B;

margin:0 5px 10px 5px;

padding:0 0 0 15px;

}

#main .titulo a{

text-decoration:none;

color:#0E237B;

}

#main .txt{

font-weight:normal;

color:#333333;

font-size:11px;

padding:0 0 13px 40px;

}

* html #main .txt{

font-weight:normal;

color:#333333;

font-size:11px;

padding:0 0 13px 40px;

}

#main .txt ul{

margin:0;

padding:0; 

list-style-type: none;

}

#main .txt ol{

margin:2px 2px 2px 26px;

padding:2px 0 5px 0;

}

#main .txt li{

margin:0;

padding:2px 0 2px 0;

}

#main .txt li a{

color:#183FDA;

}

#main .txt li a:hover{

color:#6D87EF;

}

#main .txt p{

margin:0;

padding-bottom:5px;

}











#footer{

background-color:#0E237B;

padding:10px 0;

text-align:center;

color:#FFFFFF;

}

.title{font-size:large;font-weight:bold;padding-bottom:5px}



.displaynone{display:none}



.PopUpShow

        {

            background-color:blue;

              position:absolute;

              visibility:visible;  

              width:150px;

              height:150px;   

              z-index:1;   

              border: solid 2px black;

        }

.contacto{font-weight:bold;font-size:13px}

.contacto div{padding-bottom:4px;}

.contacto input,.contacto textarea{width:80%}