body 
{
padding:0px;
margin:0px auto;	
width:100%;
position:absolute;
text-align:left;
font-family:Arial;
font-size:12px;
color:#666666;

}

#content{

width:1024px;
height:auto;
padding:0;
margin:0 auto;
clear:both;
background-color:#fff;
}
	



#header {
	clear:both;
	width:1024px;	
	height: 214px;;
	
}

#logo{
	width:199px;
	height:186px;
	float:left;}

#frase{
	width:327px;
	height:186px;
	background-image:url(/es/images/LogoFNC90.jpg);
	float:left; }

#menu_top{
display:block;
	width:1007px;
	height:18px;
	background-color:#80142D;
	   font-family:Arial;
  font-size:11px;
  color:#FFF;
padding-right:18px;
text-align:right;
  padding-bottom:5px;
  padding-top:5px;
}
	
ul {
  list-style: none;
text-align:left;
 
}
	

#menu_top ul {
  padding: 0;
  float: right;
}

#menu_top ul li {
  display:inline;
  list-style: none;
 
}

#menu_top ul li a {
  float: left;
   font-family:Arial;
  font-size:11px;
  color:#FFF;
  padding-right:15px;
  

  
}

#menu_top ul li a.last {
  padding-right: 0;
  border-right: 0;
}

#menu_top ul li a:hover {
  color: #F26A92;
}


#banner{
width:497px;
height:186px;
float:left;
margin:0;
padding:0;
}




	

	
/**************************************************************
   Estilos menu
 **************************************************************/
#menu
{
width:1018px;
height:40px;
background-image:url(/es/images/back_menu_01.jpg);
background-position:top;
background-repeat:repeat-x;
background-color:#80142D;
padding-left:6px;
text-align:center;
padding-top:10px;
margin: 0 auto;

}

#menu ul 
{
width: 100%;
float: left;
margin: 0;
padding: 0;
text-align: center;
}

#menu ul li 
{
display: inline;
margin: 0;
padding: 0;
list-style: none;
}

#menu ul li a 
{
float: left;

letter-spacing: 0.08em;

letter-spacing: 1px;
color: #fff;
padding-top: 10px;
font-family: Arial;
font-size: 18px;
font-weight: bold;
text-decoration:none;
padding-left:10px;
padding-right:18px;
}

#menu ul li a span 
{
display: block;
padding: 1px 1px;
}

#menu ul li a span.desc 
{
font-family: Arial;
font-size: 18px;
color: #FFF;
text-decoration:none;
letter-spacing:1px;
line-height: 1.0; 
}


#menu ul li a:hover,
#menu ul li a.here 
{
color:#ffffff;
text-decoration:underline;
font-weight:bold;
}


#menu ul li a:hover span.desc,
#menu ul li a.here span.desc 
{
color:#ffffff;
text-decoration:underline;
font-weight:bold;
top:250px;
}


	
/**************************************************************
  noticias, publicaciones y otros módulos
 **************************************************************/




#cuerpo{
	width:1024px;
	height:auto;
	margin: 0 auto;
	float:left;
	background-color:white;
	}
	
	
#mitad{
	width:1024px;
	height:auto;
	margin: 0 auto;
	float:left;
	background-color:white;
	}

#top_bar{
width:1009px;
height:auto;
background-color:#e6e6e6;
float:left;
padding-right:15px;


}

#top_bar_index{
width:1009px;
height:313px;
float:left;
padding-right:15px;


}

#circuito{
width:994px;
height:847px;
margin-left:15px;
margin-right:15px;
}

#intro{
width:1000px;
height:auto;
float:left;
font-family: Arial;
font-size: 15px;
color:#666666;
text-align:left;
padding-bottom:10px;
font-weight:lighter;
}

#imagen_topbar{
width:1024px;
height:26px;
background-color:#e6e6e6;
float:left;
background-image:url(/es/images/bar_03.jpg);

}


#breadcrumbs{
width:996px;
height: 20px;
margin-left:28px;
font-family:Arial;
font-size:11px;
  color: #80142D;
text-align:left;
padding-top:5px;
}

#breadcrumbs a:link,#breadcrumbs a:visited {
  color: #80142D;
font-size:11px;
text-decoration:none;

}

#breadcrumbs a:hover {
  color: #80142D;
font-size:11px;
text-decoration:underline;

}

#submenu{

width:1000px;
height: 20px;
padding-top:10px;
margin-left:10px;
margin-right:10px;
font-family:Tahoma;
font-size:10px;
color:#80142D;
text-align:left;
letter-spacing: -0.09em;
letter-spacing: -0.11px;
}




#submenu a:active, #submenu a:focus{

font-family:Tahoma;
font-size:10px;
color:#fff;
text-decoration:underline;
padding-left: 6px;
}


#submenu a:link {

font-family:Tahoma;
font-size:10px;
color:#80142D;
text-decoration:none;
padding-left: 6px;

}

#submenu a:visited {

font-family:Tahoma;
font-size:10px;
color:#80142D;
text-decoration:none;
padding-left: 6px;
}

#submenu a:hover{
font-family:Tahoma;
font-size:10px;
color:#8D4C37;
text-decoration:underline;

}


	
#left{
	width:505px;
	float:left;}	
		
	
	
#noticias{
	width:499px;
	min-height:226px;
	 margin: 0 auto;
	 float:left;
	 background-color:#FFF;
	 font-family:Arial;
	 font-size:12px;
	 color:#666666;
	 text-align:justify;
padding-right:15px;
padding-bottom:10px;
	
	}

.modul{
	width:153px;
	min-height:226px;
padding-right:15px;
	float:left;
	margin:0 auto;
	 font-family:Arial;
	 font-size:11px;
	 color:#666666;
	 text-align:justify;}
	
#right-{
	
	width:287px;
	height:auto;
	float:left;
background-color:#000000;
	}

.colum_der{
	width:287px;
	height:226px;
	float:left;
	
	}

	
#right_side{
	width:208px;
	height:auto;
	float:right;
	}	




	
.colum{
	width:208px;
	height:195px;
	float:left;

	}
	

#colum{
	width:208px;
	height:80px;
	float:left;
	background-position:bottom;	
	
	}

.img{
background:#000;
margin-right:10px;
margin-bottom:10px;
float:left;
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5', MakeShadow='true', ShadowOpacity='0.40');

-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);

}

#ppal_text{
	width:1024px;
height:auto;
clear:both;
}

#data{
display:block;
list-style:none;
width:150px;
height:auto;
margin:0;
padding-bottom:10px;
padding-top:20px;
float:left;
text-align:left;
font-family:Arial;
font-size: 13px;
line-height: 20px;padding-right:500px;}



#date{
width:200px;
height:20px;
float:left;
color:#80142D;
font-size:11px;
font-family:Arial;
}

#autor{
width:300px;
height:20px;
float:left;
color:#80142D;
font-size:11px;
font-family:Arial;}

#dimension{
width:200px;
height:auto;
float:left;
color:#80142D;
font-size:11px;
font-family:Arial;}

#paginacion{
width:1024px !important; 
height:auto;
text-align:center;
float:left;
font-size:14px;
padding-bottom:20px;
}  #paginacion a {
    -moz-border-radius:25px 25px 25px 25px;
    background-color:#e6e6e6;
    color:#FFFFFF;
    font-size:14px;
    margin:0 3px;
    padding:5px 9px;
    text-decoration:none;
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.7);}

#paginacion a:link, #paginacion a:focus,  #paginacion a:active{
width:30px;
color:#8D4C37;
text-align:center;
margin-right:15px;  -moz-border-radius:25px 25px 25px 25px;
    background-color:#e6e6e6;
    color:#FFFFFF;
    font-size:14px;
    margin:0 3px;
    padding:5px 9px;
    text-decoration:none;
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.7);}



#paginacion a:hover, #paginacion strong{  -moz-border-radius:25px 25px 25px 25px;
    background-color:#e6e6e6;
    font-size:14px;
    margin:0 3px;
    padding:5px 9px;
    text-decoration:none;
    text-shadow:0 -1px 0 rgba(0, 0, 0, 0.7);
width:30px;
color:#80142D;
text-align:center;
text-decoration:underline;
}

#paginacion a:visited{
width:30px;
color:#80142D;
text-align:center;
margin-right:15px;
}



.sombra {
background:#000;
margin-left:10px;
margin-bottom:10px;
float:right;
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='5', MakeShadow='true', ShadowOpacity='0.30');

-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);

}
.subsombra {
position:relative;
float:right;
background:#fff;

}


.sombra_left{
background:#000;
margin-right:10px;
margin-bottom:10px;

border: 5px solid #fff; 
float:left;
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='7', MakeShadow='true', ShadowOpacity='0.30');

-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);

}
.subsombra_left {
position:relative;
float:left;
background:#fff;

}


.sombra_top{
background:#000;
margin-right:20px;
margin-bottom:10px;

border: 5px solid #fff; 
float:left;
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='7', MakeShadow='true', ShadowOpacity='0.30');

-moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);

}
.subsombra_top{
position:relative;
float:left;
background:#fff;
border: 10px solid #fff; 
}

/**************************************************************
LEFT
 **************************************************************/	

#izquierda{
width:732px;
height:auto;
float:left;
text-align:left;
padding-right:10px;
padding-left:28px;
font-family:Arial;
font-size: 13px;
line-height: 20px;}
/**************************************************************
right avances técnicos
 **************************************************************/

#right_side{

width:240px;
height:100%;
float:right;

}



#avances_box{
width:240px;
height:auto;
float:right;
text-align:left;


}


#relacionados_box{
width:240px;
height:auto;
padding-top:20px;
float:right;
text-align:left;



}



.avances, .relacionados{
width:240px;
height:auto;
float:right;
text-align:right;


}


#img_avances, #img_relacionados{
width:240px;
height:17px;
background-image:url(/es/images/line_avan.jpg);
float:right;
text-align:left;
}

#avan_text, #list{
width:230px;
height:auto;
background-color: #e6e6e6;
padding-left:10px;
float:right;
text-align:left;
list-style:circle;
padding-bottom:10px;

}


#avan_text a:link{
text-decoration:none;
color:#80142D;
font-family:Arial;
font-size:12px;
text-align:left;
background-image:url(/es/images/arrow-01.png);
background-position:left;
background-repeat:no-repeat;

list-style:circle;
padding-left:20px;
}

#avan_text a:hover{
color:#8D4C37;
text-align:center;
text-decoration:underline;
font-family:Arial;
font-size:12px;
padding-left:20px;}

#avan_text a:visited{
color:#80142D;
text-align:center;
font-family:Arial;
font-size:12px;
padding-left:20px;
}

#right_down{
	width:240px;
	height:auto;
	float:right;}

#list a:link, #list a:active, #list a:focus
{
text-decoration:none;
color:#80142D;
font-family:Arial;
font-size:12px;
text-align:left;
list-style:circle;
padding-bottom:5px;

}


 #list a:hover{
color:#8D4C37;
font-family:Arial;
font-size:12px;
text-align:left;
text-decoration:underline;
padding-bottom:5px;
}

 #list a:visited{
text-decoration:none;
color:#8D4C37;
font-family:Arial;
font-size:12px;
text-align:left;
padding-bottom:5px;
}


#avances a:hover{
text-decoration:none;
color:#80142D;
font-family:Arial;
font-size:12px;
text-align:left;


}

ul.avances  {
    list-style-type: square;
text-align:left;
}


#foros_img{
width:240px;
height:121px;
/*background-image:url(/es/images/foros-01.jpg);*/
float:right;
text-align:left;
margin-top: 30px;
}



#b_practicas_img{
width:240px;
height:121px;
/*background-image:url(/es/images/foros-01.jpg);*/
float:right;
text-align:left;
margin-top: 30px;
}
/**************************************************************
  foot
 **************************************************************/

#foot{
	width:1024px;
	height:97px;
	background-image:url(/es/images/foot.jpg);
	float:left;
	font-family:Arial;
	font-size:10px;
	color:#FFF;
text-align:center;

}

.federacion{margin:10px;}
	
	
.copyright{padding-top:20px;}

#foot a:link{
text-decoration:none;
color:#999;font-size:10px;}

#foot a:hover, #foot a:visited{
text-decoration:none;
color:#80142D;font-size:10px;}

#regresar{
font-size:17px;
color:#000000;}


	/**************************************************************
títulos
 **************************************************************/


.tit{ font-family:Arial;
	font-size:17px;
	color:#80142D;
	font-weight:normal;
	text-align:left;}


h1 {
	 font-family:Arial;
	 font-size:24px;
	 font-weight:normal;
	 color:#8D4C37;
	 text-align:left;

}
	 
	 
	 
.dark{
	 font-family:Arial;
	 font-size:24px;
	color:#80142D;
	font-weight:normal;
	text-align:left;}
	
	
h2 {
	 font-family:Arial;
	 font-size:14px;
	 font-weight:normal;
	 color:#8D4C37;
	 text-align:left;
	 padding:0;
	 margin:0;}
	 

		 
h3 {
	 font-family:Arial;
	font-size:17px;
	color:#006837;
	font-weight:normal;
	text-align:left; padding-bottom:10px;
	 margin:0;}

h4 {
	 font-family:Arial;
	 font-size:20px;
	 font-weight:normal;
	 color:#8D4C37;
	 text-align:left;

}

.dark2{
	 font-family:Arial;
	 font-size:20px;
	color:#80142D;
	font-weight:normal;
	text-align:left;}
	
h5 {
         outline:none;
	 font-family:Arial;
	 font-size:11px;
	 font-weight:normal;
	 color:#80142D;
	 text-align:right;
	 padding:0;
	 margin:0;
text-decoration:none;
border:none;
border-color:#fff;
}



h6{
	 font-family:Arial;
	font-size:11px;
	color:#80142D;
	font-weight:normal;
	text-align:left; padding:0;
	 margin:0;}

	/**************************************************************
estilos menu-top
 **************************************************************/

#menu_top a:link{   font-family:Arial;
  font-size:11px;
  color:#FFF;
text-decoration:none;
padding-right:15px;
}

#menu_top a:hover{   font-family:Arial;
  font-size:11px;
  color:#006837;
text-decoration:none;
padding-right:15px;
}


#menu_top a:visited{   font-family:Arial;
  font-size:11px;
  color:#FFF;
text-decoration:none;
padding-right:15px;
}

.inputbox{
display:block;
float:right;
text-align:right;
vertical-align:top;
margin:0;
padding:0;
}

input, select, textarea {
float:right;
background-image:none;
border:none;
display:inline;
font-family:Arial;
color:#80142D;
margin:0;
padding:0;
margin-right:10px;
}

#boxes{
width:800px;
height:20px;
float:right;

}

inputext{
background-image:none;
border:2px solid #000;
display:block;
font-family:Arial;
color:#80142D;
margin:0;
padding:0;
margin-right:10px;
}
/* ****************************************
rotator in-page placement *********************/


        div.rotator {
	position:relative;
	height:345px;
	margin-left: 15px;
}
/* rotator css */
	div.rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}

/* rotator image style */	
	div.rotator ul li img {
	border:1px solid #ccc;
	padding: 4px;
	background: #FFF;
	display:
}

        div.rotator ul li.show {z-index:500;}


.slideshow { height: 186px; width: 497px; margin: auto }
.slideshow img { padding: 0px;}

a:link, a:hover, a:active, a:visited, a:focus {

outline:none;
border:none; 
text-decoration: none;

}

a:focus{outline:none;}



/* ****************************************
ESTILOS GALERÍA*********************/

  #demo-wrapper
        {
            margin: 0;
            padding: 0;
            width: 90%;
            height: 100%;
            padding: 10px 20px 0px 0px;
        }
        #demo-left
        {
            width: 15%;
            float: left;
        }
        #demo-right
        {
            width: 85%;
            float: left;
        }
        #hWrapperAuto
        {
            margin-top: 20px;
float:left;
        }
        #demo-tabs
        {
            width: 100%;
            height: 50px;
            color: White;
            margin: 0;
            padding: 0;
        }
        #demo-tabs div.item
        {
            height: 35px;
            float: left;
            background-color: #2F2F2F;
            border: solid 1px gray;
            border-bottom: none;
            padding: 0;
            margin: 0;
            margin-left: 10px;
            text-align: center;
            padding: 10px 4px 4px 4px;
            font-weight: bold;
        }
        #contents
        {
            width: 70%;
            margin: 0;
            padding: 0;
            color: White;
            font: Arial;
            font-size: 11pt;
text-align:left;
float:left;
padding-top:30px;
        }
        #demo-tabs div.item.active-tab
        {
            background-color: Black;
        }
        #demo-tabs div.item.active-tabc
        {
            background-color: Black;
        }
        #v1, #v2
        {padding-left:28px;}
        .visible
        {
            display: block;
        }
        .hidden
        {
            display: none;
        }
        #oldWrapper
        {
         
        }
        #contents a
        {
            color: yellow;
        }
        #contents a:hover
        {
            text-decoration: none;
            color: Gray;
        }


        .heading
        {
        	 font-family:Arial;
	font-size:13px;
	color:#80142D;
	font-weight:normal;
	text-align:left; padding-bottom:10px;padding-top:20px;
        }

hr 
{
  border:0;
  width: 100%;
  height: 1px;
  color: #ffffff;
  background-color: white;
  padding-bottom:0px;
  padding-top:0px;
}




#back a:link,#back a:visited {
color: #754C24;
font-size:13px;
text-decoration:none;
font-weight:bold;
padding-left:20px;
}

#back a:hover {
  color: #80142D;
font-size:13px;
text-decoration:underline;
font-weight:bold;
padding-left:20px;
}


p{padding:0;
margin:0;}

#adjuntos a:link, #adjuntos a:visited{         outline:none;
	 font-family:Arial;
	 font-size:13px;
	 font-weight:normal;
	 color:#80142D;
	 text-align:left;
	 padding:0;
	 margin:0;
text-decoration:none;
background-image:url(/es/images/adjunto.png);
background-position:left;
background-repeat:no-repeat;
padding:50px;
margin-bottom:30px;
}

#adjuntos a:hover{         outline:none;
	 font-family:Arial;
	 font-size:13px;
	 font-weight:normal;
	 color: #754C24;
	 text-align:left;
	 padding:0;
	 margin:0;
text-decoration:underline;
background-image:url(/es/images/adjunto.png);
background-position:left;
background-repeat:no-repeat;
padding:50px;
}

/*********************menu lateral*********************/

#subcategoria
 {width: 230px;
height:auto;
padding-bottom:20px;
padding-right:10px;

}


#subcategoria ul{
	list-style:none;
	padding:0px;
	margin:0px;
	}
	
#subcategoria li a {
	height: 15px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
	text-decoration: none;
	font-weight:normal;
	}	
	
#subcategoria li a:link, #subcategoria li a:visited {
color:#80142D;
	display: block;
	padding: 0px 0 8px 15px;
border-bottom:1px solid  #80142D;
background-image:url("/es/images/arrow-01.png");
background-repeat:no-repeat;

	}
	
#subcategoria li a:hover {
	color: #8d4c37;
	padding: 0px 0 8px 15px;
border-bottom:1px solid  #80142D;
	}
	
#subcategoria li a:active {
	color: 80142D;
	padding: 0px 0 8px 15px;
	}

/*********************menu lateral*********************/


a:link{

 font-family:Arial;
font-size:13px;
color:#80142D;
text-decoration:none;

}

a:visited{

 font-family:Arial;
font-size:13px;
color:#80142D;
text-decoration:none;

}

a:hover{
 font-family:Arial;
font-size:13px;
color:#8D4C37;

}