body {
	background-color:#FFF;
	font: bold 11px arial,helvetica;
	padding:0px;
	margin:0px;
	text-align:center;
}

a{
	color: #666;
	font: bold 11px  Helvetica, arial;
	text-decoration:none;
}

a:hover{
	color:white;
}

#colCentral a:hover{
	color: #FFE680;
}

#colCentral2 a:hover{
	color: #9BCEF9;
}

#colCentral4 a:hover{
	color: #A4EA82;
}

#marco{
	margin:auto;
	width:800px;
	text-align:left;
	border-top:7px solid #BBB;
	overflow:hidden;
}

#header{
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
	margin-top:1px;
	margin-bottom:1px;
	background-color:#EEE;
}

#menuContent td{
	margin:0px;
	padding:0px;
}

#logo{
	float:left;
	padding:0px;
	margin:0px;
	padding-left:33px;
	padding-top:5px;
	padding-bottom:5px;
}

#menu {
	float:right;
	margin:0px !important;
	padding:0px !important;
}

#menu ul {
	float:left;
	background-color:white;
	cursor:pointer;
	margin:0px !important;
	padding:0px !important;
   list-style: none;
}

#menu ul li{
   float:left;
	background-color:#EEE;
 	font: bold 11px   arial,helvetica;
 	width:100px;
	color: #666;
	padding-left:3px;
	padding-bottom:0px;
	margin-left:1px;
	.margin-left: .1em !important;
	/*.margin-right: .05em !important;*/
}

#menuLat{
	float:left;
	width:200px;
}

#menuLat ul {
   float:left;
	width:200px;
	cursor:pointer;
	margin:0px;
	padding:0px;
   list-style: none;
	background-color: white;
}


#menuLat ul li{
	font: bold 12px arial,helvetica !important;
	background-color:#EEE;
	color: #666;
	margin-bottom:1px;
	padding-top:4px;
	padding-bottom:4px;
	text-align:right;
	padding-right:1px;
}

#menu ul li:hover, #menuLat ul li:hover{
 	color:white;
}

#menu ul li div{
  	height:55px;
}

#menuLat ul#galeria{
	float:right;
	border-top:1px solid white;
	width:200px;
}

#menuLat ul#galeria li{
	margin:0px;
	padding:7px;
	margin-bottom:1px;
	text-align:right;
}

#menuLat ul#galeria li img{
	border:0px;
}

#menu li.item0 {
	border-bottom:10px solid #FC0;
}

#menuLat li.item0 {
	padding-right:7px;
	border-right:10px solid #FC0;
}

#menuLat li.item1 {
	padding-right:7px;
	border-right:10px solid #33F;
}

#menuLat li.item2 {
	padding-right:7px;
	border-right:10px solid #F00;
}

#menuLat li.item3 {
	padding-right:7px;
	border-right:10px solid #0C0;
}

#menu li.item0:hover,#menuLat li.item0:hover {
	background-color:#FC0;
}

#menu li.item1:hover,#menuLat li.item1:hover {
	background-color:#33F;
}

#menuContent table{
		width:800px;
}
	
#menuContent table.item0{
		border-color:#FC0;
		border-top:1px solid white;
		border-bottom:1px solid white;
}

#menu li.item1 {
		border-bottom:10px solid #33F;
}

#menu li.item1:hover {
	background-color:#33F;
}

#menuContent table.item1{
	border-color:#33F;
	border-top:1px solid white;
	border-bottom:1px solid white;
	
}

#menu li.item2 {
			border-bottom:10px solid #F00;
}

#menu li.item2:hover , #menuLat li.item2:hover{
	 background-color:#F00;
}

#menuContent table.item2{
	border-color:#F00;
	border-top:1px solid white;
	border-bottom:1px solid white;
}

#menu li.item3 {
	border-bottom:10px solid #0C0;
}

#menu li.item3:hover , #menuLat li.item3:hover {
	background-color:#0C0;
}

#menuContent table.item3{
	border-color:#0C0;
	border-top:1px solid white;
	border-bottom:1px solid white;
}

#content{
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
	margin-top:1px;
	margin-bottom:1px;
	background-color:#FC0;
}

#content2{
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
	margin-top:1px;
	margin-bottom:1px;
	background-color:#33F;
}

#content3{
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
	margin-top:1px;
	margin-bottom:1px;
	background-color:#F00;
}


#content4{
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
	margin-top:1px;
	margin-bottom:1px;
	background-color:#0C0;
}

#contentHome{
	float:left;
	width:100%;
	margin:0px;
	padding:0px;
	border-top:21px solid #BBB;
	border-bottom:31px solid #BBB;
	margin-bottom:1px;
}

#contentHome img{
	margin:0px;
	padding:0px;
	margin-top:1px;
	margin-bottom:1px;
}

#subcontent{
	float:left;
	width:100%;
	padding:20px;
	padding-left:55px;
	background-color:#EEE;
}

#subcontent *{
		float:left;
}
	
#footer{
	float:left;
	width:100%;
	text-align:center;
	border-top:1px solid #CCC;
	padding:5px;
	margin-top:2px;
}

h1{
	margin: 0px;
	padding: 0px;
	font: normal 16px arial black,helvetica;
	padding-top:11px;
	padding-bottom:11px;
	text-transform: uppercase;
	line-height:18px;
}

h2{
	margin: 0px;
	margin-left: 25px;
	padding: 0px;
	font: normal 14px arial black,helvetica !important;
	padding-top:11px !important;
	padding-bottom:11px !important;
	text-transform: uppercase;
	line-height:16px;
}

#colCentral h1, #colCentral2 h1, #colCentral4 h1{
		background-color:#EEE;
		font: normal 14px arial black,helvetica;
		line-height:16px;
}

.mainContenido h1{
	   color:white;
}

#canvas h1{
	 float:right;
}

#canvasDetail h2{
	 float:left;
}

.mainContenido{
	font: bold 13px arial,helvetica !important;
	color:#666;
}

.mainContenido div{
	border-right:2px solid white;
	padding-top:30px;
	padding-left:70px;
	padding-right:75px;
	line-height:21px;
}

.mainContenido a{
	font: bold 13px arial,helvetica !important;
	text-decoration:underline;
}

div#titulo{
	padding-top:0px;
	background-color: #BBB;
	border-bottom:1px solid white;
	border-right:0px;
}

div#tituloSeccion1{
	color: #FC0;
	background-color: white;
	padding-left:27px;
	margin-left:200px;
}

div#tituloSeccion2{
	color: #33F;
	background-color: white;
	padding-left:27px;
	margin-left:200px;
}


div#tituloSeccion3{
	color: #F00;
	background-color: white;
	padding-left:27px;
	margin-left:200px;
}

div#tituloSeccion4{
	color:#0C0;
	background-color:white;
	padding-left:27px;
	margin-left:200px;
}

.subcontenido{
	font: bold 11px arial,helvetica;
	margin-left:70px;
	height:82px;
	.height:84px;
	border:1px solid #BBB;
	width:200px !important;
}

.subcontenido div{
	padding:5px;
	background-color: #EEE;
	width:190px !important;
	.width:100%;
}

.subcontenido a{
	color:#999;
	cursor:pointer !important;
}

.subcontenido a:hover{
	color:#333;
}

.subcontenido a:hover div.title{
	color:#333;
}

.subcontenido div.title{
   color:white;
	background-color: #BBB;
}	

#menuContent{
	position:absolute;
	padding:0px;
	margin:0px;
}

ol{
	padding:10px;
	text-align:left;
	padding-left:30px;
	padding-right:30px;
}

ol li{
	padding-bottom:5px;
}

#franjaSeleccion_0{
	float:left;
	width:800px;
	letter-spacing:5px;
	border-top: 9px solid #FC0;
	padding-top:2px;
	background-color:#FC0;
}

#franjaSeleccion_1{
	float:left;
	width:800px;
	letter-spacing:5px;
	border-top: 9px solid #33F;
	padding-top:2px;
	background-color:#33F;
}

#franjaSeleccion_2{
	float:left;
	width:800px;
	letter-spacing:5px;
	border-top: 9px solid #F00;
	padding-top:2px;
	background-color:#F00;
}

#franjaSeleccion_3{
	float:left;
	width:800px;
	letter-spacing:5px;
	border-top: 9px solid #0C0;
	padding-top:2px;
	background-color:#0C0;
}

#franjaSeleccion2{
	float:left;
	width:100%;
	background-color:#BBB;
	height:22px;
	line-height:19px;
	border-bottom:1px solid white;
}

#franjaSeleccion2 div{
	color:#FFF;
	font: bold 13px arial,helvetica;
	padding-left:33px;
	height:21px;
	line-height:19px;
}

#menuContent table{
	color: #999;
	font: bold 13px arial,helvetica;
	background-color:#EEE;
	border-top:20px solid Red;
}

#menuContent td{
	vertical-align:top;
	padding:0px;
	margin:0px;
}

#menuContent td.cont{
	  width:100%;
}

#footer a{
	color: #666;
	font: bold 11px  Helvetica, arial;
	text-decoration:none;
}

#footer a:hover{
	color:#333;
}

#colCentral2{
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	margin:0px;
   border-left:1px solid white;
   width:598px;
   .width:600px;
	background-color: #9BCEF9;
	text-align:center;
}

#colCentral{
  float:left;
  padding:0px;
  padding-top:10px;
  padding-bottom:10px;
  margin:0px;
  border-left:1px solid white;
  background-color: #FFE680;
  text-align:center;
  width:598px;
  .width:600px;
}

#colCentral3{
	float:left;
	padding-top:20px;
	padding-bottom:20px;
	margin:0px;
   border-left:1px solid white;
   width:598px;
   .width:600px;
	background-color: #F1C1C1;
	text-align:center;
}

#colCentral4{
	float:left;
	padding-top:20px;
	padding-bottom:20px;
	margin:0px;
   border-left:1px solid white;
   width:598px;
   .width:600px;
	background-color: #A4EA82;
	text-align:center;
}

#colCentral3 h1, #colCentral3 h2{
	margin-left:20px;
	margin-right:20px;
}


#colCentral p, #colCentral2 p{
  padding:10px;
  margin:0px;
  text-align:left;
  margin-left:10px;
  margin-right:10px;
}

#colCentral3 p{
  padding:10px;
  margin:0px;
  margin-left:10px;
  margin-right:10px;
}

#details{
	float:left;
	width:100%;
	color:white;
	font: normal 16px arial black,helvetica !important;
}

#details table td{
	float:none;
	color:white;
	font: normal 14px arial black,helvetica !important;
}

#details p{
  float:left;
  padding:0px;
  padding-left:5px;
  margin:0px;
  text-align:left;
  margin-left:10px;
  margin-right:10px;
}

#details p.right{
	float:right;
	font: normal 24px arial black,helvetica !important;
}

#details img{
	margin-left:20px;
	margin-right:20px;
	margin-top:5px;
	.margin-top:7px;
}
/*
#flechas{
 	border:1px solid red;
	float:right;
	width:150px;
	margin:auto;
	margin-bottom:0px;
	padding-bottom:0px;
}*/

div#flecha1, div#flecha2, div#flecha3, div#flecha4,div#flecha5, div#flecha6,div#flecha7,div#flecha8,div#flecha9{
	 	cursor:pointer;
}

#canvas{
   float:left;
	border-top:1px solid white;
	border-bottom:1px solid white;
	width:600px;
	.width:598px;
	margin-top:15px;
	margin-bottom:15px;
	.margin-bottom:10px;
	background-color: #CCC;
}

#canvasDetail{
	float:left;
	width:600px;
	.width:598px;
	border-top:1px solid white;
	border-bottom:1px solid white;
	margin-top:15px;
	margin-bottom:15px;
	.margin-bottom:10px;
	background-color:#CCC;
}

#imagen img{
	border-left:1px solid white;
	border-right:1px solid white;
}

div.item0, #menu li.item0On, #menuLat li.item0On{
   color:white;
	background-color:#FC0;
}
div.item1, #menu li.item1On, #menuLat li.item1On{
	color:white;
	background-color:#33F;
}
div.item2, #menu li.item2On, #menuLat li.item2On{
	color:white;
	background-color:#F00;
}
div.item3, #menu li.item3On, #menuLat li.item3On{
	color:white;
	background-color:#0C0;
}

#menuLat li.item0On, #menuLat li.item1On, #menuLat li.item2On , #menuLat li.item3On{
	padding-right:7px;
	border-right:10px solid white;
}


.cons{
	vertical-align:bottom;
	text-align:right;
	color:#333;
	padding-right:30px;
}


#galeriaTitle{
   float:left;
	width:200px;
   margin-top:51px;
	text-align:right;
	font: bold 13px arial,helvetica !important;
	padding-top:4px;
	padding-bottom:4px;
	color:white;
	text-transform: uppercase;
	border-top:1px solid white;
}


#galeriaTitle2{
   float:left;
	width:200px;
   margin-top:79px;
	text-align:right;
	font: bold 13px arial,helvetica !important;
	padding-top:4px;
	padding-bottom:4px;
	color:white;
	text-transform: uppercase;
	border-top:1px solid white;
}

#galeriaTitleFoot{
   float:left;
	width:200px;
	font: bold 13px arial,helvetica !important;
	background-color:#EEE;
	color: #666;
	margin-bottom:2px;
	padding-top:4px;
	padding-bottom:4px;
	text-align:right;	
	border-right:10px solid #FC0;
}

#galeriaTitle div, #galeriaTitle2 div{
	margin-right:18px;
}

#galeriaTitleFoot a{
	margin-right:18px;
}

#eTeorica a{
padding:5px;
	background-color:#EEE;
}

#ePractica a{
padding:5px;
	background-color:#EEE;
}