/*  
Theme Name: MNKWEB
Version: 1.0
Description: Diseñado por <a href="http://www.mnkweb.com"></a>.
Author: MNKWEB
Author URI: http://www.mnkweb.com
*/
/* Default styles */
@import "reset.css";
@import "custom.css";
	
body{background:#FFF url(images/bg-top-tile.png) repeat-x;}
a{color: #CC0000;}
/* Contenedor superior */
#top{height:65px;width:940px;margin:0 auto;}
#top h1{display:none;}
#top .col-left { float:left; width:220px; margin-top:2px; }
#top .col-right { float:right; width: 700px; margin-left:2px; margin-top:17px; }
#top .img_logo{background:url(images/logo.png) no-repeat; width:267px; height:60px;}
#top img.title{float:left;height:60px;width:217px;display:block;margin-top:2px;}

/* Contenedor menu idiomas */
#divmnuidiomas{position:absolute;top:10px;left:370px;margin-top:3px; width:740px}
#idioma_enlaces {float: left;	margin-left: 0.1em;}
#idioma_enlaces li {float: left;display: block;margin-left: 0.8em;padding-left: 0.8em;	border-left: 0.1em solid #fff;color: #fff;}
#idioma_enlaces li.first-child {border: none;}
#idioma_enlaces a {font-family:Arial;color: #fff;font-size:12px;text-decoration: none;}
#idioma_enlaces a:hover {color: #779B0F;}
/* Contenedor Menmu superior */
#divmnuapp{float: left;margin-left:40px;margin-top:3px;}
#top-nav a:hover{text-decoration:underline;}
#top-nav ul{padding:0;}


/* Menu Superior */
#nav{height:30px;}
#nav,#nav ul{list-style:none;line-height:1;z-index:100;padding:0;}
#nav a{display:block;line-height:30px;z-index:100;padding:0 10px;color:#000;font-size:14px;font-weight:700;}
#nav li{float:left;line-height:30px;margin:0;}
#nav li a{color:#3f3f3f;text-decoration:none;padding:0 0 0 11px;}
#nav li a span{display:inline-block;height:30px;padding:0 10px 0 0;}
#nav li a:hover,#nav li.active a,#nav li.current_page_item a{background:url(images/top-nav-left.png) no-repeat left;color:#fff;cursor:pointer;text-decoration:none;}
#nav li.active a span,#nav li.current_page_item a span,#nav li a:hover span{background:url(images/top-nav.png) no-repeat right;}

/* PanelDestacadoIni / Intro */
#PanelDestacadoIni{background:url(images/bg-PanelDestacadoIni.png) no-repeat top center;height:389px;}
#PanelDestacadoIni #inicio-mnkweb{float:left;width:460px;margin-top:35px;}
#PanelDestacadoIni #inicio-mnkweb h2{text-indent:-999em;background:url(images/inicio-mnkweb.png) no-repeat top left;width:425px;height:171px;display:block;margin:0;padding:0;}
#PanelDestacadoIni #inicio-mnkweb p.description{text-indent:-999em;padding:0;}
#PanelDestacadoIni .intro-cms { position: relative; height:25px; padding: 5px 0 0;}
#PanelDestacadoIni a.intro-cms{background:url(images/intro-cms.png) no-repeat top left;width:400px;height:22px;display:block;overflow:hidden;text-indent:-999em;margin-top:5px;}
#PanelDestacadoIni a.intro-cms:hover{background-position:0 -22px;}
#PanelDestacadoIni a.intro-btn{background:url(images/intro-btn.png) no-repeat top left;width:400px;height:58px;display:block;overflow:hidden;text-indent:-999em;margin-top:20px;}
#PanelDestacadoIni a.intro-btn:hover{background-position:0 -58px;}
#PanelDestacadoIni #PanelVisorDestacados{position:relative;background:url(images/bg-Inicialdestacados.png) no-repeat;float:right;width:462px;height:291px;display:block;margin-top:26px;padding-top:28px;}
#PanelDestacadoIni #PanelVisorDestacados a{height:281px; overflow:hidden;}
#PanelDestacadoIni #PanelVisorDestacados { z-index: 1;}
#PanelDestacadoIni a.intro-cms-wp,#PanelDestacadoIni a.intro-cms-dr,#PanelDestacadoIni a.intro-cms-ma,#PanelDestacadoIni a.intro-cms-ee { position: relative; text-indent: -9999px; display: block; float: left; height:25px; margin-right: 8px;}
#PanelDestacadoIni a.intro-cms-wp { background: url(images/intro_cnt_s.png) top left no-repeat; width:59px; left:0px}
#PanelDestacadoIni a.intro-cms-dr { background: url(images/intro_cnt_m.png) top left no-repeat; width:35px; left:0px}
#PanelDestacadoIni a.intro-cms-ma { background: url(images/intro_cnt_t.png) top left no-repeat; width:35px; left:0px}                                                                                                                                          
#PanelDestacadoIni a.intro-cms-ee { background: url(images/intro_cnt_f.png) top left no-repeat; width:65px; left:0px} 

#PanelVisorDestacados .link-destacado { display: block; position: absolute; top:28px; left:0;}
#PanelVisorDestacados .btn-link-destacado { display:block; position: absolute; top:0; left:0px; width: 100%; height:100%!important; text-indent:-9999px; background:url(images/trans.gif); -moz-opacity: 0.3; opacity: 0.3; filter: alpha(opacity = 30); cursor: pointer;z-index: 500;}

/* Div contenedor de los cantenidos de cada pagina */
.content{width:940px;margin:0 auto;padding:0;}
#main{background:#fff;margin:10px 0 20px;}
#main .col-left { float:left; width:580px; margin-bottom:20px; }
#main .col-right { float:right; width: 340px; margin-bottom:20px; }
#main .equal-col-left { float:left; width:460px; margin-bottom:20px; }
#main .equal-col-right { float:right; width:460px; margin-bottom:20px; }
#main .single-theme .col-left { margin-bottom:0px; }

/* Parrofos de las paginas dentro del contenedor */
#features { _width:580px; width:600px; float:left; }
#features h3 {display:none}
#features .block { _width:270px; width:280px; float:left; margin:0 20px 10px 0; }
#features p {font-family:Verdana, Helvetica, sans-serif;font-size:14px;}
#features .img_diseño{display:block;background:url(images/diseño_web.png) no-repeat; width:220px; height:53px;}
#features .img_marketing{display:block;background:url(images/marketing_web.png) no-repeat; width:290px; height:56px;}
#features .img_mnkweb{display:block;background:url(images/mnkweb_web.png) no-repeat; width:290px; height:56px;}
#features .img_marketing2{background:url(images/marketing_online_img.gif) no-repeat; width:231px; height:30px;}
#features .valor_mnkweb{background:url(images/valor_mnkweb.png) no-repeat; width:290px; height:250px;}

#features2 { _width:880px; width:900px; float:left; }
#features2 .titulo {font-family:Verdana, Helvetica, sans-serif;font-size:22px;font-weight:700;color:#CC0000;}
#features2 .block2 { _width:390px; width:400px; float:left; margin:0 40px 20px 0; }
#features2 .block3 { _width:860px; width:880px; float:left; margin:0 40px 20px 0; }
#features2 .block4 { _width:490px; width:500px; float:left; margin:0 40px 20px 0; }
#features2 .block5 { _width:290px; width:300px; float:left; margin:0 40px 20px 0; }

#features2 p {font-family:Verdana, Helvetica, sans-serif;font-size:14px;}

/* Main Content (style) */

#main h2, #main h3 { font-weight: normal; }
#main h2 { font-size: 24px;	padding-top:0; }
#main h3 {font-size: 18px; }
#main h4 { font-size: 16px; text-transform:uppercase; }
#main .post h4 { font-size: 16px; text-transform:none; }
#main ol, #main ul { line-height: 18px; margin:10px 0; }
#main ul { padding-left: 20px; margin-bottom: 20px; }
#main .post ul li { background:url(images/ico-bullet-arrow.png) no-repeat left 10px; padding: 5px 0 5px 15px; }
#main ol { padding-left: 35px; }
#main ol li { list-style: decimal; padding: 3px 0; list-style-position:inside; }
#main blockquote {background:url(images/bg-quote.png) no-repeat 5px 0px;color:#777777;font-style:italic;margin:25px 0;padding:0 10px 0 65px;	width:85%;}

/* Pie */

#pie{background: #DD9591 url(images/bg-pie-tile.jpg) repeat-x;color: #CC0000;padding: 40px 0 10px;}
#pie #sitemap{margin:15px 0;}
#pie #sitemap .block{float:left;width:160px;margin-right:35px;}
#pie #sitemap .last{margin-right:0;}
#pie #sitemap ul{padding:5px 0;}
#pie #sitemap ul li{line-height:20px;font-family:Verdana, Helvetica, sans-serif; color: #CC0000;font-size: 1.1em}
#pie #sitemap ul li a:hover{text-decoration:underline;}
#pie #sitemap h4{font-family:Verdana, Helvetica, sans-serif;font-size:14px;font-weight:700;color:#CC0000;padding:0;}
#pie .bevel{background:url(images/lineabor.jpg) repeat-x top right;height:1px;width:100%;border:0;margin-top:20px;}
#pie a{color:#CC0000;}
#pie .col-right { padding-top:5px}
#toTop{cursor: pointer;}
#pie .col-left p  { margin-top: 5px;font-family:Verdana, Helvetica, sans-serif; color: #CC0000;font-size: 1.1em;}
#pie .linkfinal  { padding: 0 20px 0 0; }

#pie_enlaces {float: right;	margin-right: 0.1em;}
#pie_enlaces li {float: left;display: block;margin-left: 0.8em;padding-left: 0.8em;	border-left: 0.1em solid #CC0000;color: #CC0000;}
#pie_enlaces li.first-child {border: none;}
#pie_enlaces a {font-family:Verdana, Helvetica, sans-serif; color: #CC0000;font-size: 1.1em;text-decoration: none;	}
#pie_enlaces a:hover {color: #fff;}

/* Misc */
.clearfix { clear: both; }