/* -- General Style -- */

body {margin: 0 auto; padding: 0; background-color: #FFFFFF; background-image: url('img/bg.jpg'); background-repeat: repeat-x; background-position: left top; text-align:center; }

#imHeader {height: 167px; background-image: url('img/top.gif'); background-repeat: no-repeat; background-position: left top;position: relative; }
#imHeader div {position: absolute; cursor: pointer; }


#imPage { }

#imSite {width: 962px; margin: 15px auto;}

#imBody {  background-repeat: repeat-y; margin: 10 0 0 0 auto;  
  background-image: url("img/content.jpg");
  background-attachment:scroll;



}

#Menu {width: 220px;  padding: 20px 0 0 20px; float:left;   }
#imContent {width: 700px;  padding: 20px 0 0 0; float:left; margin: 0 auto;  }

#imBuscar{font-family:Arial;font-size:12px;font-weight:bold; height:20px; text-align:right; position:relative;}

#imContactar{font-family:Arial;font-size:12px;font-weight:bold; height:20px; text-align:center; position:relative;}

#imGaleria{ border-color:#0099cc;border:2px;top:20px; position:relative; float:right; top:35px;}


#imFooter {clear: both; height: 88px; background-image: url('img/bottom.jpg'); background-repeat: no-repeat; background-position: left top; color:#0099cc;}
#imFooter_L {margin: 13px 0 0 21px; float: left; }
#imFooter_R {margin: 13px 21px 0 0; float: right; }


#texto_largo{margin: 0 auto; font: 12px Verdana;   color: #000000;   margin:0 0 4px 10px;  padding:2px 0 0;  text-align:justify; }


#texto{margin: 0; font: 12px Verdana;   color: #000000;   margin:0 0 4px 10px;  padding:2px 0 0;  text-align:justify; width:680px;  float:left;}

#texto_noticias{margin: 0 auto; font: 12px Verdana;   color: #000000;   margin:0 0 4px 10px;  padding:2px 0 0;  text-align:justify;
width:330px;  float:left; top:0px; }

#texto_cursos{margin: 0 auto; font: 12px Verdana;   color: #000000;   margin:0 0 4px 10px;  padding:2px 0 0;  text-align:justify; 
width:330px;  float:left;}


#Videos{ border-color:#0099cc;border:2px;top:20px; position:relative; float:right; top:2px;}


p {margin: 0; font: 12px Verdana;   color: #000000;   margin:0 0 4px 10px;  padding:2px 0 0;  text-align:justify; width:96%;  } 


.Head {
color:#0099cc;
font-family:Tahoma,Arial,Helvetica;
font-size:20px;
font-weight:normal;
}



/* -- Texts Style -- */
h2 {margin: 0px 0px 4px 0px; padding: 2px 0 10 0; font: bold 16px Verdana; color: #000000; text-align: left; border-bottom: 3px solid #0099cc; /*height: 20px; */}

h3 {margin: 0px 0px 4px 0px; padding: 2px 0px 0px 0px; font: bold 16px Verdana; color:#0099cc; text-align:left;  height: 20px;  }

h4 { font: bold 12px Verdana; color: #0099cc; text-align: left; }

.titulo_largo {margin: 0px 0px 4px 0px; padding: 2px 0 0 0; font: bold 16px Verdana; color: #0099cc; text-align: right;  height: 20px;  }

.texto_pie { color:#0099cc; font: bold 11px Verdana;}

#imToolTip { clear: both; }




.fb {font-weight: bold; } .fi {font-style: italic; } .fu {text-decoration: underline; } 
ul.imBullet {margin: 0 0 0 20px; padding: 0; text-align: left; } ul.imBullet li {vertical-align: middle; }
.imAlign_left {text-align: left; }
.imAlign_center {text-align: center; }
.imAlign_right {text-align: right; }
.imAlign_justify {text-align: justify; }
img.imImage {border: 0px; vertical-align: baseline; }
.imInvisible, h1 {position: absolute; top: -10000px; left: -10000px; }
.imHidden {display: none; }
.imClear {clear: left; }
.imError {padding: 5px; margin: 10px; border: 1px solid #000000; background-color: #FFFFFF; font: 11px Verdana; text-align: center; line-height: 16pt; }

#imMailLink {padding-left: 20px; background: url('img/imemail.gif') no-repeat; }
#imZIBackg {display: none; position: absolute; text-align: center; width: 100%; background-image: url('img/imzibackg.png') !important; background-image: url('img/imblank.gif'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/imzibackg.png", sizingMethod="scale"); cursor: pointer; }
#imZIImage {background: #EEEEEE url('img/imziload.gif') no-repeat center center; border: 1px solid #333333; margin: 0 auto; }
#imZIImage img {margin: 7px; }
#imZICaption {font: 11px Verdana; color: #000000; padding: 0 7px 7px 7px; }
#imLockTxt {margin-left: 10px; font: 11px Verdana; color: #000000; min-height: 300px; height: auto !important; height: 300px; }
#imLockForm {margin: 5px auto; text-align: left; padding: 5px; width: 200px; }
#imLockAlert {background-color: red; color: white; padding: 0 5px 0 5px; }
.imLockLabel {display: block; margin-top: 6px; }
.imLockBtn {font: 11px Verdana; color: #000000; background-color: #C0C0C0; border: 1px solid #222222; margin: 5px; }
.imLockFld {font: 11px Verdana; color: #000000; border: 1px solid #222222; margin: 4px 0; vertical-align: middle; }

#imPathTitle {margin: 0px 0px 8px 10px; padding: 2px 0 0 0; font: 9px Verdana; color: #808080; text-align: left; height: 13px; }
.imDefText {padding: 2px 0 0 0; font: 13px Verdana; color: #000000; text-align: left; height: 17px; }
.fc0 {color: #000000; }
#imFooterSiteMap {margin: 8px 0px 0px 10px; padding: 2px 0 0 0; font: 11px Verdana; color: #000000; text-align: center; height: 15px; }
#imFooterSiteMap a:link, #imFooterSiteMap a:active, #imFooterSiteMap a:visited, #imFooterSiteMap a:hover {color: #000000; text-decoration: none; }
#imFooterSiteMap a:hover {color: #000000; text-decoration: underline; }
#imFooter_L, #imFooter_R {padding: 2px 0 0 0; font: 11px Verdana; color: #000000; text-align: left; height: 15px; }
#imFooter a:link, #imFooter a:visited, #imFooter a:hover, #imFooter a:active {color: #000000; text-decoration: none;}
/* -- Links Style -- */
a.ImLink  {text-decoration:none; }
a.ImLink:link {color: #000000; }
a.ImLink:visited {color: #000000; }
a.ImLink:hover {color: #0099cc; }



/* MENU */



.main_dnnmenu_item td, .main_dnnmenu_rootitem
{
	color: #ffffff; 
	font-size: 10pt; 
	font-weight: bold; 
	font-style: normal; 
	font-family: Helvetica, Verdana, Arial;
	text-align:left;
	
	cursor: pointer; 
	/*white-space: nowrap;*/
	
	border-bottom:solid 1px #FFFFFF;
	padding: 0px 0px 0px 0px;
}


/* TD del menú desplegable */
.main_dnnmenu_item td 
{
	background: #0099cc;
    text-align:left;
    padding-top:5px; 
    padding-bottom:5px;
    border-bottom:solid 1px #FFFFFF;
}

/* Maneja el texto de dentro del submenu directamente */
.main_dnnmenu_item span
{
    padding-right:12px;
    color: #333333;
}

/* TD del menu principal */
.main_dnnmenu_rootitem  
{
	width:220px;
	vertical-align: middle;
	
	background: #0099cc;    
    
    text-indent: 6px;
	text-align:left;
    
    padding-top:5px; 
    padding-bottom:5px;
}

/* Estilo aplicado cuando nos encontramos sobre un elemento */
.main_dnnmenu_itemhover, .main_dnnmenu_itemhover td 
{  
	color:#FFFFFF;
}

/* tabla de los submenus */
.main_dnnmenu_submenu {
	background-color: #ffffff;  
	z-index: 1000; 
	cursor: pointer; 
	/*filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); */
	margin-left:2px;
	/*width: 190px;*/
	   text-align:left;
}



/*		Final configuración menu DNN */
a {text-decoration:none; font-weight:bold; }
a:link {color: #0099cc; font-weight:bold;}
a:visited {color: #0099cc;font-weight:bold; }
a:hover {color: #000000; font-weight:bold;}

blockquote{
-x-system-font:none;
color:#000000;
float:left;
font-family:Verdana;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0 0 4px 10px;
padding:2px 0 0;
text-align:justify;
width:96%;
}


.Normal
{

font-family:Verdana,Arial,Helvetica;
font-size:12px;
font-weight:normal;
text-align:justify;
}


/****************** Menu acordeon JQuery ********************************/

ul#MenuListJQ, ul#MenuListJQ ul, ul#MenuListJQ li 
{
	font-size:12px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;

	list-style-type:none;
}

ul#MenuListJQ, ul#MenuListJQ ul {
  
  margin: 0;
  padding: 0;
  width:100%;
}

ul#MenuListJQ a {
  display: block;
  text-decoration: none;
}

ul#MenuListJQ li {
  margin-top: 1px;
}

ul#MenuListJQ li a {
  background: #0099cc;
  color: #fff;	
  
  padding-left: 5px;
  padding-top:10px;
  padding-bottom:12px;
}

ul#MenuListJQ li a:hover {
  background: #1F1B1B;
  color:#FFFFFF;
}

/** Segundo Nivel **/

ul#MenuListJQ li ul li a {
  background: #ccc;
  color: #000;
  padding-left: 13px;
  
  font-size:11px;
}

ul#MenuListJQ li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 8px;
  
  font-size:11px;
}

/** Tercer Nivel **/

ul#MenuListJQ li ul li ul li a {
  background: #EFEFEF;
  color: #000;
  padding-left: 18px;
  
  font-size:11px;
}

ul#MenuListJQ li ul li ul li a:hover {
  background: #aaa;
  border-left: 5px #ccc solid;
  padding-left: 13px;
  
  font-size:11px;
}