body {
	margin:0;
	height:100%;
	text-align: center;
	height: 100%;	
	background: #010066 url(../images/bg.jpg) repeat-x;
	font-family: Arial;
	font-size: 12px;}

html {
	font-family: Arial;
	font-size: 12px;
}

p{
	font-family: Arial;
	font-size: 12px;}

a:link {
	font-family: Arial;
	font-size: 12px;
	color: #333;
	text-decoration: none;
	border:none;
}
a:hover {
	text-decoration:underline;
	color: #000091; 
	font-family: Arial;
	font-size: 12px;		
}
a:active {
	color: #002a94;
	font-family: Arial;
	font-size: 12px;	
	text-decoration:underline;
}
a:visited {
	color: #002a94;
	font-family: Arial;
	font-size: 12px;	
	text-decoration:none;
}

.aster {color: #FF0000}

/* @group estructura */

/*estructura*/
#wrapper {
	width: 830px;
	margin: 0px auto;
	text-align: left;
}

#grape {
	background: #fff;
	float: left;
	width: 830px;
	height: auto;
	margin:0;
}

#head {
	width:830px;
	height:35px;
	margin: 0;	background:  url(../images/rctop.png) no-repeat;}

#headx {
	width:830px;
	height:60px;
	margin: 0;	background:  url(../images/rctop.png) no-repeat top;}


#contenedor {
	width:830px;
	margin: 10px auto 0 auto;
	padding-bottom: 10px;
	background-color:#fff;}

h1{
	font-family: Arial;
	font-size: 26px;
	color:#000091;
	line-height:35px;
	font-weight: 900;
	text-align:left;
	padding: 2px 10px;}
h2{
	font-family: Arial;
	font-size: 14px;
	color:#002a94;
	line-height:12px;
	font-weight: bold;
	text-align:center;
	padding:0;}

h3{
	
	font-family: Georgia,"Timess New Roman",Times,serif;
	font-variant: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: normal;
	font-size-adjust: none;
	font-stretch: normal;
	color: #000091;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
	}	
	
h4{
	font-family:  Arial;
	font-size: 15px;
	color:#002a94;
	font-weight: 900;
	text-align:left;
	padding:0;
	line-height:20px;	}	
	
		
#slide {
	width:755px;
	height:210px;
	margin:0 auto;
	padding:7px 30px 0 30px;
}
#slide2 {
	width:755px;
	height:206px;
	background-image: url(../images/Screen.jpg);
	background-repeat:no-repeat;
	margin:0 ;
	float:left;
}
#slide2x {
	width:755px;
	height:206px;
	background-image: url(../images/Screen2.jpg);
	background-repeat:no-repeat;
	margin:0 ;
	float:left;
}
#slide2xx {
	width:755px;
	height:206px;
	background-image: url(../images/Screen3.jpg);
	background-repeat:no-repeat;
	margin:0 ;
	float:left;
}
#slide3 {
	width:594px;
	height:172px;
	background-image: url(../images/slide3.jpg);
	margin:7px 0;
	float:left;
}
#menuder {
	width:245px;
	height:175px;
	margin:0px;
	padding:0;
	float:right;
	background: url(../images/1bg.jpg) no-repeat right top;
}
#cont {
	width:810px;
	margin:0px;
	background: #ffffff;
	padding: 10px;
}

#contenidofaq {
	width:780px;
	margin:40px auto 20px auto;
	background-color:#fff; }
	
#texto {
	width:236px;
	margin: 0 0 0 25px;
	float:left;
	font-family:Arial;
	font-weight:bold;
	color:#002a94;
	padding:40px 0;
}
#lexc {
	width:306px;
	margin: 0 0 20px 20px;
	float:left;
	font: 67.5% Arial;
	color:	#222;
}
.titulo {color:#002a94;
font-weight: bold;
}
#matc {
	width:200px;
	margin: 0 0px  0 20px;
	float:left;
}
#footer {
	width:830px;
	margin:0;
	height:125px;
	background-color: #fff;}

#foot {
	width:810px;
	height:100px;
	float:left;
	margin: 0;
	padding: 10px;
	border-top: 1px #ccc dotted;
	background-color: #fff;}

#credlogo {
	width:250px;
	float: left;
	text-align:left;
	font: 10px Arial;
	margin:0 0 0 10px;
}
#credcp {
	width:250px;
	float: left;
	text-align:center;
	font: 10px Arial;
	margin:0 20px 0 20px;
}
#credadr {
	width:250px;
	float: right;
	text-align:right;
	font: 10px Arial;
	margin:0 10px 0 0;
}

#credadr a {
	color: #222;
	font: 10px Arial;
	
}

#credadr a:hover, #credadr a:active  {
	color: #002a94;
	font: 10px Arial;
}
/*estructura*/

/* @end */

/* @group rounded */

/*borde*/	
.roundedcornr_box_160416 {
	background: url(../images/roundedcornr_160416_tl.png) no-repeat top left;
}
.roundedcornr_top_160416 {
	background: url(../images/roundedcornr_160416_tr.png) no-repeat top right;
}
.roundedcornr_bottom_160416 {
	background: url(../images/roundedcornr_160416_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_160416 div {
	background: url(../images/roundedcornr_160416_br.png) no-repeat bottom right;
}
.roundedcornr_content_160416 {
	background: url(../images/roundedcornr_160416_r.png) top right repeat-y;
}

.roundedcornr_top_160416 div,.roundedcornr_top_160416,
.roundedcornr_bottom_160416 div, .roundedcornr_bottom_160416 {
	width: 100%;
	height: 15px;
	font-size: 1px;
}
.roundedcornr_content_160416, .roundedcornr_bottom_160416 {
	margin-top: -19px;
}
.roundedcornr_content_160416 { padding: 0 15px; }
/*borde*/

/* @end */

/* @group menus */

/*menu*/
#menu {
	list-style: none;
	margin: 0;
	padding: 0;
	width:165px;}

#menu li {
	font-size: 12px;
	font-family: Arial;
	margin: 0;
	border-bottom:1px solid #fff;	padding: 0;
}

#menu a {
	color: #222;
	display: block;
	margin: 0;
	padding: 8px 0;
	text-decoration: none;
	border-bottom:1px solid #ccc;
	font-size: 12px;
	font-family: Arial;		
}

#menu a:hover, #menu a:active  {
	color: #002a94;
	font-size: 12px;
	font-family: Arial;	
	padding-bottom: 8px;
	border-bottom:1px solid #ccc;background:#fff;}


/*menu2*/
#menu2 {
	list-style: none;
	margin: 0;
	padding: 0;
	width:270px;}
#menu2 li {
	font-size: 12px;
	font-family: Arial;	margin: 0;
	border-bottom:1px solid #fff;	padding: 0;
}

#menu2 a {
	color: #222;
	display: block;
	margin: 0;
	font-size: 12px;
	font-family: Arial;	
	padding: 8px 0;
	text-decoration: none;
	border-bottom:1px solid #ccc;	
}
#menu2 a:hover {
	color: #002a94;
	font-size: 12px;
	font-family: Arial;	
	padding-bottom: 8px;
	border-bottom:1px solid #ccc; background:#fff;}

/*menu3*/
#menu3 {
	list-style: none;
	margin: 0;
	padding: 0 12px;
	width:220px;
	}

#menu3 li {
	font-size: 13px;
	font-family: Arial;	margin: 0;
	border-bottom:1px solid #00589F;	
	padding: 0;
}
#menu3 a {
	color: #fff;
	display: block;
	margin: 0;
	font-size: 13px;
	font-family: Arial;	
	padding: 8px 12px;
	text-decoration: none;
	border-bottom:1px solid #0f111e;	
}
#menu3 a:hover {
	color: #d1d1d1;
	font-size: 13px;
	font-family: Arial;	
	padding-bottom: 8px;
	border-bottom:1px solid #;
	background:#004B9F	}

.ultimo  {border-bottom:0px;}	
/*menu3*/

/* @end */ 

/* @group lecciones */
 
/*lecciones*/
#menuiz{
	width:200px;
	float:left;
	margin:40px 0 0 10px;
	padding: 5px;
	background:#f3f3f3;
	border: 1px solid #ccc;
	position: relative;
	}
#menuizq{
	width:200px;
	float:left;
	margin:20px 0 0 10px;
	padding: 5px;
	background:#f3f3f3;
	border: 1px solid #ccc;
	position: relative;
	}
#left{
	width:225px;
	float:left;
	}

#menuiz2 {
	list-style: none;
	margin: 0;
	padding: 0;
	width:200px;}

#menuiz2 li {
	font-size: 12px;
	font-family: Arial;
	margin: 0;
	border-bottom:1px solid #fff;	padding: 0;
}
#menuiz2 a {
	font-size: 12px;
	font-family: Arial;
	color: #222;
	display: block;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	border-bottom:1px solid #ccc;	
}

#menuiz2 a:hover {
	color: #002a94;
	font-size: 12px;
	font-family: Arial;	
	padding-bottom: 8px;
	border-bottom:1px solid #ccc;
	background:#fff
}

#menuiz2 a.active {
	font-size: 12px;
	font-family: Arial;
	color: #002a94;
	padding-bottom: 8px;
	border-bottom:1px solid #ccc;
	background:#fff
}

#contenidolec{
	width:560px;
	float: right;
	margin:20px 10px;
}


#entre {
	width:100%;
	height:2px;
	margin:2px;
	border-bottom:1px solid #ccc;
}

#caja{
	width:200px;
	float:left;
	margin:10px 0 0 10px;
	padding: 5px;
}

/* @end */

/* @group table */
table {
	  border-collapse: collapse;
	  border: 1px solid #ccc;
	  font: normal 11px  arial;
	  color: #363636;
	  background: #f3f3f3;
  }
caption {
	  text-align: center;
	  font: bold 18px arial;
	  background: transparent;
	  padding:6px 4px 8px 0px;
	  color: #03476F;
	  text-transform: uppercase;
  }
td, th {
	border: 1px dotted #ccc;
	padding: 10px;
	color: #363636;
  	font: 12px  arial;

  }

thead th, tfoot th {
  font: bold 13px  arial;
  border: 1px solid #ccc;;
  text-align: center;
  background: #010066;
  color: #ccc;
  padding-top:3px;
  }
tbody td a {
  background: transparent;
  text-decoration: none;
  color: #363636;
  }
tbody td a:hover {
  background: #010066;
  color: #fff;
  }
tbody th a {
  font: normal 12px  arial;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #363636;
  }
tbody th a:hover {
  background: transparent;
  color: #363636;
  }
tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
tfoot td {
  border: 1px solid #ccc;
  background: #4591AD;
  padding-top:3px;
  color: #FFFFFF;
  }
.odd {
  background: #010066;
  }
tbody tr:hover {
  background: #fff;
  border: 1px solid #ccc;
  color: #010066;
  }
tbody tr:hover th,
tbody tr.odd:hover th {
  background: #FFD800;
  color: #FFFFFF;
  }
/* @end */

#caja2{
	width:780px;
	float:left;
	padding: 10px 0;
	margin: 10px 0;
	background:#f3f3f3;
	border: 1px solid #ccc;
	}

#clear{width:100%; height:5px;}




/* Menu horizontal  */

#menn {
	margin:8px 2px;
	width: 824px;
}
    #menuh {
	float:left;
	width:824px;
	line-height:1.5em;
	border-bottom: 2px solid #010066;
  }

    #menuh ul {
	margin:0;
	list-style:none;
	padding-top: 5px;
	padding-right: 9px;
	padding-bottom: 9px;
	padding-left: 0px;
	font-size:13px;
	font-family: Arial;
	font-weight: 500;	

      }
    #menuh li {
    display:inline;
    margin:0;
    padding:0;
	font-size:13px;
	font-family: Arial;	
	font-weight: 500;	

      }
    #menuh a {
	float:left;
	margin:0;
	text-decoration:none;
	background-image: url(../images/menuleft.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: -3px;
	padding-left: 5px;
	font-size:13px;
	font-family: Arial;	
	font-weight: 500;	
	
      }
    #menuh a span {
	float:left;
	display:block;
	background:url(../images/menuright.png) no-repeat right top;
	color:#FFF;
	padding-top: 5px;
	padding-right: 20px;
	padding-bottom: -6px;
	padding-left: 15px;
	font-size:13px;
	font-family: Arial;	
	font-weight: 500;	
	
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #menuh a span {float:none;}
    /* End IE5-Mac hack */
    #menuh a:hover span {
    color:#fff;
      }
    #menuh a:hover,  #menuh a.current {
      background-position:0% -31px;
      }
    #menuh a:hover span, #menuh a.current span {
      background-position:100% -31px;
      }

#menuh li.active a,
#menuh li.active a:hover,
#menuh li.active a:active,
#menuh li.active a:focus {
      background-position:0% -31px;
color: #fff;	font-size:13px;
	font-family: Arial;
}

#menuh li.active a span,
#menuh li.active a:hover span,
#menuh li.active a:active span,
#menuh li.active a:focus span {
      background-position:100% -31px;
color: #fff;
cursor: pointer;	font-size:13px;
	font-family: Arial;
} 



/**/

.mag {
	border: 1px solid #ccc;
	padding: 2px;
	margin:5px;
}
ul {
   list-style-image: url('../images/li.png');
   list-style-type: square;
}

#logoops { width:135px;text-align:left; float:left;}
#cpr {width: 250px; text-align:left; float:left;}