/*
Theme Name: Teknol
Theme URI: http://wordpress.org/
Description: Theme hecho para Teknol
Version: 2.0
Author: Ruben Araiza
Author URI: http://sublime.mx
Tags:
*/

@import url('reset.css');

/* >>> globals <<< 
----------------------------------------------------- */
html { overflow-y: scroll; }
body { font:normal 12px/16px Helvetica, Arial, sans-serif; color:#666666; background:#f5f5f5;  }
.last { margin:0 !important; }
a, a img { color:#00a9ef; border:none; outline:none; text-decoration:none; }
a:hover { color:#63cbf6; }
strong { color:#000; font-weight:700; }
#topcontainer, #stripcontainer, #contentcontainer, #footercontainer { width:100%; }
.content, .logos, .header, .footer { width:1000px; margin:0 auto; }
h1, h2, h3, h4, p, table, form { margin-bottom:13px; }
.line { width:100%; height:1px; border-bottom:1px solid #e6e6e6; margin:20px 0; }

/* >>> topcontainer <<< 
----------------------------------------------------- */
#topcontainer { width:100%; height:130px; background:#555555 url(images/bk-top.png) repeat-x; overflow:hidden; position:relative; }
.header { width:1000px; overflow:hidden; }
.logo { float:left;  margin-top:25px; background:url(images/logo-teknol.png) no-repeat; text-indent:-9999px;}
.logo a { width:180px; height:77px; display:block; }
.nav { float:right; margin-top:45px; }
.nav li { float:left; margin:0 5px;  }
.nav li a {  font-size:14px;  display:block; text-decoration:none; margin:0; height:31px; line-height:31px; color:#fff;  }
.nav span { display:block; padding:0 10px  }
.nav li a:hover { background:url(images/bk-btn-left.png) no-repeat;  }
.nav li a:hover span { background:url(images/bk-btn-right.png) no-repeat top right; }

/* >>> modifications <<< 
----------------------------------------------------- */
body.single #topcontainer, body.error404 #topcontainer, body.page #topcontainer { background:#555555 url(images/bk-top.png) repeat-x bottom left; }
body.home #topcontainer { height:500px; }
body.single .slides { display:none; }
body.single .widecol, body.page .widecol { width:730px; font-size:14px; line-height:145%; padding-top:50px;  }
body.single .widecol h1, body.page .widecol h1 { width:720px; font-size:30px; line-height:130%; color:#3b4850;  }
body.single .widecol ul, body.page .widecol ul { margin:0 0 20px 12px; }
body.single .widecol li, body.page .widecol li {background:url(images/bullet.png) no-repeat 0 4px; line-height:17px;}
body.single .narrowcol, body.page .narrowcol { width:250px; padding-top:65px; }
body.error404 .widecol { width:1000px; margin:50px auto 0 auto; text-align:center; }

/* >>> banner <<< 
----------------------------------------------------- */
#slides { width:1000px; height:370px; margin:0 auto; margin-top:25px; color:#94989b; font-size:13px; line-height:17px; position:relative; }
#slides h1 { font-size:25px; color:#fff; padding:5px 0; margin:0 0 15px 0; font-weight:500; line-height:130%}
#slides h1 img { vertical-align:middle; }
#slides ul { font-size:12px; margin:0 0 0 8px;  }
#slides li { padding:2px 0; background: url(images/bullet.png) no-repeat 0 7px; padding-left:12px;  }
.slides_container { width:1000px; height:370px;  }
.slides_container div.bloque { width:1000px; height:370px; display:block; }
.slidemodule { width:450px; display:block; float:right; margin:20px 30px 0 0; }
a.prev { z-index:1000; display:block; width:28px; height:27px; position:absolute; right:50px; bottom:30px; background:url(images/arrow-prev.png) no-repeat; text-indent:-9999px;  }
a.next { z-index:1000; display:block; width:28px; height:27px; position:absolute; right:20px; bottom:30px; background:url(images/arrow-next.png) no-repeat;  text-indent:-9999px;}
span.image { float:left; width:480px; height:370px; }
.btnslide { margin-top:30px; }

/* >>> logos <<< 
----------------------------------------------------- */
.logos { width:1000px; height:86px; background:url(images/logos.png) no-repeat; text-indent:-9999px; }

/* >>> content <<< 
----------------------------------------------------- */
#contentcontainer { background:#FFF; }
.content { overflow:hidden; min-height:350px;  }

/* >>> widecol <<< 
----------------------------------------------------- */
.widecol { width:670px; float:left; padding: 40px 0; }
.widecol h1 { color:#0072bc; font-size:30px; font-weight:300; line-height:120%;  }
.widecol h2 {color:#0072bc; font-size:22px; font-weight:300; line-height:120%; }
.widecol h3 { color:#3b4850; font-size:16px; font-weight:700; line-height:120%;}
.widecol .post {border-bottom:1px solid #e6e6e6; padding:10px 0 0 0;}
.widecol h4 {line-height:130%; margin:0;}
.widecol .nav { margin-bottom:20px; }
.widecol ul { margin:0; padding:0; line-height:20px; }
.widecol li { background:url(images/bullet.png) no-repeat 0 0; padding:0 0 10px 12px; margin-bottom:7px; }
.intro { font-size:18px; color:#b1b1b1; line-height:140%; clear:both; margin-bottom:25px; padding-bottom:20px; border-bottom:1px solid #00aeef; }
.col { width:210px; float:left; margin-right:17px; }
.contactenos { text-align:center; line-height:105px; clear:left; display:block;  background:url(images/bk-contactenos.png) no-repeat center top; height:105px; color:#555; font:bold 18px/105px Arial, Helvetica, sans-serif; width:1000px; margin:0 auto; }
.contactenos img { vertical-align:middle; margin:-8px 0 0 15px; opacity: 1; }
.contactenos a:hover img { opacity: 0.85; }
.breadcrumb-trail { font-size:11px; }

.step .cajas { padding:5px; width: 180px; }
.step label { margin-top:15px; display:block; }
#demoNavigation { margin:25px 0; }

/* >>> narrowcol <<< 
----------------------------------------------------- */
.narrowcol { width:300px; float:right; padding: 40px 0; }
.narrowcol h3 { font-weight:700; font-size:16px; color:#3b4850; }
.narrowcol h4 {margin:0; display:block;}
.narrowcol .postnarrow { border-bottom:1px solid #e6e6e6; padding:10px 0 0 0;  }
.narrowcol .date { font-size:11px; color:#999; }
.masnoticias { margin:15px 0 0 0; opacity: 1; }
.masnoticias a:hover { opacity: 0.85; }

/* >>> footer <<< 
----------------------------------------------------- */
#footercontainer { background:#f5f5f5 url(images/bk-footer.png) no-repeat center top;  }
.footer { overflow:hidden; padding:40px 0; }
.footer h3 { font-size:15px; margin:0 0 15px 0; font-weight:300; }
.contactinfo { float:left; }
.social { float:right; font-weight:700; font-size:15px;  }
.social img { vertical-align:middle; margin:-5px 0 0 7px; }
.bottom { font-size:11px; overflow:hidden; border-top:1px solid #dadada; clear:left; height:45px; line-height:45px; }
.bottom ul { float:left; }
.bottom li { display:inline; }
.bottom li a { color:#777; margin-right:12px; text-decoration:underline; }
.bottom li a:hover { color:#000; }
.bottom p { float:right; }

/* >>> tablas <<< 
----------------------------------------------------- */
table#normal { margin:15px 0; border-left:1px solid #E2E2E2; border-top:1px solid #E2E2E2; border-collapse:collpase; }
table#normal td { padding:8px; border-bottom:1px solid #E2E2E2; border-right:1px solid #E2E2E2; }
table#normal th { color:#333; background-color:#e2e2e2; padding:8px; text-align:left; border-right:1px solid #E2E2E2; }

/* >>> fotos <<< 
----------------------------------------------------- */
p img { padding: 0; max-width: 100%; }
img.centered { display: block; margin-left: auto; margin-right: auto;}
img.alignright { margin: 0 0 5px 10px; display: inline; }
img.alignleft {	margin: 0 10px 5px 0; display: inline; }
.alignright { float: right; margin: 0 0 10px 10px; }
.alignleft { float: left; margin: 0 10px 10px 0; }

/* >>> captions <<< 
----------------------------------------------------- */
.aligncenter, div.aligncenter {	display: block;	margin-left: auto; margin-right: auto; }
.wp-caption {  }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { color:#888; font-size: 10px; line-height: 15px; padding: 4px 0; margin: 0; font-style:italic;}