html, body{font-family: arial; font-size:13px; background:#000 url('../images-web/bg_body.jpg') top repeat;}
#docs {width:1000px; background:#fff;  margin: 0 auto;}

/* general */
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.accessible{display:none;}

/* estructura principal*/
#header { background:#fff url(../images-web/bg_header.jpg) top repeat-x; padding-bottom:10px; position:relative;}
#content {}


#footer {background:#f5f5f5; border-top:1px solid #ccc;   width:980px; margin:10px auto; padding-bottom:20px;}
#footer a{font-size:12px; color:#333; padding:0 10px;}
#footer strong {color:#000; font-weight:bold;}
#footer .footer_links {padding:5px; float:left;width:100%;}
#footer .footer_links p {margin-bottom:10px;}
#footer .footer_rss {padding:5px; float:right;}
#footer .footer_rss .rss {background:#fff url(../images-web/icon_rss.jpg) no-repeat; width:24px; height:24px; display:block; float:left; }
#footer .footer_rss a {font-size:16px; color:#376d93; font-weight:bold; } 

.tfooter, .tfooter a, .tfooter a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	text-decoration: none;
	text-align:center;
	color: #52697b;
	word-spacing: 0.3em;
}


/*bloques */
.block{width:100%}
.block .column{width:320px;float:left; display:inline;}

.block .m_video {margin-right:15px;}
.block .cA {width:655px; float:left; display:inline;}
.block .CA .model {width:655px;}

.block .sideBar {margin-right:15px;}
/* grid*/



/*columnas*/
.column { width:320px; float:left; }
.sideRight{margin-right:10px;}



/* cabecera */
#header h1 {float:left; margin-top:70px; margin-left:10px;}
#header h1 a{background:url(../images-web/logo_supermotor.gif) no-repeat; width:212px; height:41px; display:block;}
#header .avt {float:right; margin:5px 10px 5px 0 ; padding:0px 5px 5px 5px; background:#f5f5f5;   text-align:right;}

#header h6{ font-size:9px; color:#ccc; font-weight:bold; margin-bottom:2px;}

#header .main_nav {background:url(../images-web/bg_main_nav.jpg) 0 0px; repeat-x; height:30px; clear:both; width:1000px;}
#header .nav { margin-left:10px; position:relative; }
#header .nav li {float:left; font-size:13px; color:#333; margin-right:10px; padding:6px 10px 7px 10px;}
#header .nav li a{font-size:13px; color:#333; font-weight:bold; }
#header .nav li.activo {background:#990000;}
#header .nav li.activo a {color:#fff;}

#header .second_nav {  padding:8px 0 3px 15px; border-bottom:1px solid #ccc;  height:20px;}

#header .second_nav li {float:left;margin-right:20px;}
#header .second_nav li a{font-size:13px; color:#333; font-weight:bold; }
#header .second_nav li.activo { background:#990000; font-weight:bold; }
#header .second_nav li.activo a {color:#fff;}

.info_header{margin-top:10px;}

/*buscador*/
.search {position:absolute; top:116px; right:5px;text-align:right; margin:10px 10px 0 0; height:20px;}
.search .campo{width:200px; height:20px; border:1px solid #ccc; background:#f5f5f5; vertical-align:bottom;}
.search .boton{border:0px; color:#fff; font-size:12px; font-weight:bold; background:url(../images-web/bg_search_bt.jpg) 0 2px no-repeat;  width:86px; height:25px;vertical-align:top;}

/*breadcrubs*/
.breadcrumbs {margin:10px 0px 0 9px;}
.breadcrumbs a{ font-size:24px; color:#000; font-weight:bold; margin:0 5px;}
 
/* CUERPO */
.content {margin:10px 5px 0 5px;}

/* -- caja del video con descripcion -- */
.m_video {margin-bottom:20px; padding:0px 3px 5px 20px;}
.skin_m_video { border:1px solid #ccc; padding-top:10px }
.m_video h3 a , .m_video h3 { font-size:14px; font-weight:bold; color:#2a668f;}
.m_video p {font-size:12px; color:#333; }
.m_video p img {border:1px solid #ccc;}
.m_video .bt_video a{ margin-top:5px;padding-top:8px; font-weight:bold; font-size:12px; color:#fff; text-align:center; background:url(../images-web/bt_video.jpg) left top no-repeat; width:272px; height:26px; display:block;}
.m_video .bt_video a:hover{ background:url(../images-web/bt_video.jpg) 0 -34px no-repeat; margin-top:5px; padding-top:8px; font-weight:bold; font-size:12px; color:#fff; text-align:center;width:272px; height:26px; display:block;}
 

/* caja de publicidad*/
.m_avt {padding:0 9px 9px;  background:#f5f5f5; margin-bottom:20px;}
.m_avt h6{ font-size:9px; color:#ccc; font-weight:bold; margin-bottom:5px; text-align:right;}

/* caja con imagenes a la dcha de ultimos , ... */

.md {padding:0px 9px 0 9px; margin-bottom:20px;}
.md h4  {font-size:18px; color:#000; border-bottom:2px solid #ccc; line-height:95%;}

.m_box_lst .lst_elements{ margin:5px 0; border-bottom:2px solid #ccc; }
.m_box_lst .lst_elements li {padding-bottom:5px; border-bottom:1px solid #316d9a;  margin-bottom:8px; }
.m_box_lst .lst_elements li.last {border-bottom:0px;}
.m_box_lst .lst_elements li .graph {float:left; display:inline; margin:0 10px 5px 0;} /* grafics module*/
/* estilo antiguo .m_box_lst .lst_elements li .text {display:table; height:1%;} /* text module*/
.m_box_lst .lst_elements li .text {width:150px; float:left; display:table; height:1%;} /* text module*/
.m_box_lst .lst_elements h3 a{font-size:13px; color:#316d9a; font-weight:bold;}
.m_box_lst .lst_elements h5{font-size:12px; color:#666;}
.m_box_lst .more {text-align:right;}
.m_box_lst .more a {font-weight:bold; font-size:12px; color:#900000;}



.m_box_lst .lst_elements img {width:120px;}
.mediano .lst_elements img {width:180px;}
.normal .lst_elements img {width:auto;}






/* -- modulo anterior con imagenes dcha -- */
.inv .lst_elements li .graph {margin-right:0; float:right;}
.inv .lst_elements li .text {margin-right:10px;} 

/*-- modulo anterior si imagenes -- */
.no .lst_elements li .text {}



/*BUSCADOR */
.m_search   .lst_elements li .graph img { width:80px;}
.m_search  .lst_elements li .text {width:400px;} /* text module*/
.m_search   .lst_elements li {border-bottom:1px solid #ccc; padding-bottom:2px;clear:both;width:600px;}
.results {font-size:13px; color:#666; margin:0 10px 15px 10px; border-bottom:2px solid #ccc;padding-bottom:5px;}
.results .all {font-size:14px; font-weight:bold; margin:0 3px;  color:#316d9a;}
.results strong {color:#000; font-weight:bold;}
.model_paginador .list_pag{margin-left:5px; float:left;}
.model_paginador .list_pag li {float:left; font-size:12px; color:#666; margin-left:5px;}
.model_paginador .list_pag li a{ font-size:12px; color:#666; margin-left:5px;}
.model_paginador .list_pag li b{ font-size:12px; color:#316d9a; margin-left:5px; font-weight:bold;}
.model_paginador .list_pag li.activo a{ font-weight:bold; color:#000;}
.model_paginador .list_botones {float:right;}
.model_paginador .list_botones li {float:left; margin-right:5px;}
.model_paginador .list_botones a{color:#316d9a;  font-weight:bold;}




/* plugin de flash*/
.m_informativo{ border-bottom:2px solid #ccc; }
.m_informativo h3 {margin-bottom:5px;}
.m_informativo h3 a{ font-size:16px; color:#990000; font-weight:bold;}
h3.title {border-top:2px solid #ccc;padding-bottom:10px;margin:10px 5px 10px 5px;}
h3.title a{ font-size:24px; color:#000; font-weight:bold;  }
.title_cal {border-top:0px solid #ccc;margin:10px 5px 10px 5px;color:#990000;}
.plugin{margin:5px 0;}
h3.title a strong { font-weight:bold;color:#990000;}
/* modulo principal de seccion*/
.skin_section {background:#dfe2e4 url(../images-web/bg_seccion.jpg) repeat-x; padding-top:20px; }
.cmp_section { margin-bottom:30px;padding:0px 10px 0px 10px;}
.cmp_section .player{ float:left; display:inline; margin:0 30px 0 10px; width:400px;}
.cmp_section .m_box_lst {float:left;display:inline;width:505px;}

.lst_videos li {float:left; display:inline;  margin-right:15px;}

.lst_videos li.last{margin-right:0px;}


/* lista de noticias */
 .lst_services li {margin-bottom:5px;}
 .lst_services li a{font-size:12px; color:#000000; }
 
 
/* detalle de un video*/ 
 
.ficha {padding-bottom:20px;}
/* .ficha .player {margin:0 40px; width:400px;} */
.ficha .player {margin:0 40px; width:400px;}
/* .ficha .cA{width:500px;} */
.ficha .cA{width:400px; padding:0 50px;}
.ficha .column{width:400px;}

.ficha .titulo{ font-size:22px; color:#2a668f; font-weight:bold; margin-bottom:5px;}
.ficha .descripcion{ font-size:12px; color:#333;  margin-bottom:20px;}
.ficha .tags{ font-size:12px; color:#333;  margin-bottom:10px;}
.ficha .tags_list a {color:#074168; padding:2px;}
.ficha .tags_list a:hover {color:#0890ec;}
.embed_txt, .tags_txt {font-size:12px; color:#666; font-weight:bold;margin-top:20px;}
.embed{width:400px; border:1px solid #ccc; font-size:12px; color:#666; margin-bottom:5px;}

.m_box_lst .m_video {margin-top:10px;}

.tags {margin-bottom:20px;}

.tags .tags_list {clear:both;}
.tags .tags_list a {float:left; padding:5px; font-weight:bold; color:#376d93;}
.tags_m {float:right; width:200px;}

.calendar_m { float:left; display:inline;}

#yui-skin-sam{float:left; display:inline;}
#cal1Container{float:left; display:inline;}


.f1{font-size:14px;}
.f2{font-size:16px;}
.f3{font-size:18px;}

.lnk {background:#eee; }
.lnk h3 {font-size: 14px;font-weight: bold;color: #2a668f; padding-left:13px;}
.lnk .bt_video a{ margin-top:5px;padding-top:8px; margin-left:13px; font-weight:bold; font-size:12px; color:#fff; text-align:center; background:url(../images-web/bt_video.gif) left top no-repeat; width:272px; height:26px; display:block;}
.lnk .bt_video a:hover{ background:url(../images-web/bt_video.gif) 0 -34px no-repeat; margin-top:5px; padding-top:8px; margin-left:13px; font-weight:bold; font-size:12px; color:#fff; text-align:center;width:272px; height:26px; display:block;}



/* final */
.clearfix:after, .cmp_section:after, .block:after, .model:after {    content: ".";   display: block;  height: 0;  clear: both;  visibility: hidden;}
.clearfix, .cmp_section, .block, .model {display: inline-block;}

* html .clearfix, * html .block, * html .model   {display: block;}
.clear { clear:both; }

/* titulos de nuevas paginas*/
h1.title_azul { font-size:24px; font-weight:bold; color:#316d9a; padding-bottom:10px; margin:0px 5px 10px 5px;}
h1.title_azul a { font-size:24px; color:#316d9a; font-weight:bold;}

h1.title_azul { font-size:24px; font-weight:bold; color:#990000; padding-bottom:10px; margin:0px 5px 10px 5px;}
h1.title_azul a { font-size:24px; color:#990000; font-weight:bold;}

.lst_glosario {height:30px; color:#333; background:#f5f5f5; padding:10px 0 0 10px; border-bottom:2px #eee dotted; margin-bottom:20px;}
.lst_glosario  li  { margin-right:5px; float:left; display:inline; }
.lst_glosario  li  a { font-size:12px; font-weight:bold; color:#316d9a;  padding-right:5px;}
.lst_glosario  li  a:hover  { color:#990000;}

/*linkers*/
.lst_linker {height:20px; margin-top:20px;}
.lst_linker li {float:left; display:inline; margin-right:5px; }
.clear{clear:both;}