/*
Theme Name: TrabajaEnDattatec
Theme URI: http://www.trabajaendattatec.com
Description: Custom Template by Dattatec
Author: info@dattatec.com
Author URI: http://dattatec.com
Version: 2.0
*/
body { background:#EEF1F4; width:1000px; margin:auto; color:#777777; font:13px/18px Tahoma, Arial, Helvetica, sans-serif; }

/* global classes */
.alignleft { float:left }
.alignright { float:right }
.aligncenter { margin-left:auto; margin-right:auto; display:block } 
.clear { clear:both }
.float-left { float:left }
.float-right { float:right }
.text-left { text-align:left }
.text-right { text-align:right }
.text-center { text-align:center }
.text-justify { text-align:justify }
.bold { font-weight:bold }
.italic { font-style:italic }
.underline { border-bottom:1px solid }
.highlight { background:#ffc }
.img-left { float:left;margin:4px 10px 4px 0 }
.img-right { float:right;margin:4px 0 4px 10px }
.nopadding { padding:0 }
.noindent { margin-left:0; padding-left:0 }
.nobullet { list-style:none; list-style-image:none }


/* setup */
.wrapper { background:#FFFFFF; float:left; width:998px; margin:auto; margin-bottom:20px; }
ul, li { padding:0; margin:0; list-style:none }
ol, li { padding:0; margin:0; list-style:none }
h1, h2, h3, h4, h5, h6 { padding:0; margin:0 }
img { border:0 }
a:link { text-decoration:none; color:#0066CC; }
a:visited { text-decoration:none; color: #035FA3; }
a:hover { text-decoration:underline; color:#0066CC }
a:active { text-decoration:underline; color: #0066CC }
.postsnavlink { margin-top:20px; padding-top:5px; border-top:#999 1px solid; text-indent:0; padding-bottom:40px }


/* header */
.headertop { background:#000 url('img/topbg.png') repeat-x; width:998px; height:35px }
.headermain { background:url('img/middlebg.png') repeat-x; width:998px; height:80px; padding-top:20px; }
a.blog_name { color:#003366; text-decoration:none; margin-left:35px; font-family:Arial, Helvetica, sans-serif; font-size:36px; line-height:34px; font-weight:bold; }
.logo_datta { float:right; background:url('img/logo-dattatec.jpg') no-repeat top left; height:64px; width:217px; margin-right:40px; }
.logo_datta span { position:absolute; top:-1000px; }
.slogan_head { color:#666666; font-weight:normal; margin-left:40px; font-size:14px; margin-top:5px; }
.headernav { background:#f9f9f9; width:998px; height:30px; border-bottom:#efefef 1px solid; }
ul.nav { margin-left:40px; font-size:12px; padding-top:8px; }
ul.nav li { display:inline; padding-right:20px; }
ul.nav a { color:#FFFFFF; font-weight:bold; }


/* searchform */
input.tops { float:left; background:#9b9c9b; border:#000 1px solid; width:180px; height:18px; margin-top:6px; color:#fff; font-size:15px }
input.srch { float:left; width:83px; height:22px; margin-top:6px; margin-left:10px }
form#searchform { float:right; height:20px; padding:0; margin:0 }
ul.searchlist { margin-right:20px }


/* index */
.main { float:left; width:auto; height:auto; min-height:290px; margin-top:10px }
.content1 { float:left; width:650px; height:auto; padding-left:35px; padding-right:15px; margin-top:20px }
ul.comment { padding-left:22px; background:url('ico/book_open.png') no-repeat; background-position:0 center }
ul.comment li { display:inline; padding-right:20px }
.contentcontain { width:auto; height:auto; padding-bottom:10px; text-indent:5px; margin-bottom:25px; border-bottom:1px dotted #CCCCCC; }
.index_head {  margin-bottom:35px; }
h2.h2main { text-indent:0 }
h4.maindate { color:#b62f2f; text-indent:0 }


/* comments */
.comments1 { margin-top:20px }
form#commentform { width:600px; height:auto }
#comment { width:600px; height:auto; border:#e1e1e1 1px solid }
h3#comments { margin-bottom:20px; text-align:right; color:#000 }
h3#respond { margin-top:20px }
.sepc { width:705px; height:1px; background:#CCCCCC; margin-top:30px; margin-bottom:30px }
input#url { color:#000; border:#e1e1e1 1px solid }
input#email { color:#000; border:#e1e1e1 1px solid }
input#author { color:#000; border:#e1e1e1 1px solid }
input#submit { background:#b62f2f; border:#999 1px solid; color:#fff }
.commenttext { color:#408080 }
.grav { float:left; padding-right:10px; margin-top:5px }
h3.commentstrackback { margin-top:25px }


/* sidebar */
.sidebar1 { float:left; width:210px; height:auto; padding-left:10px; margin-left:50px }
.sideart { width:188px; height:69px; background:url('img/sabg.png') repeat-x; border:#eee 1px solid; margin-top:22px; padding:5px; line-height:130% }
.sideart:hover { background:#000; color:#fff }
.sideart:hover span { color:#fff }
.sideart:hover img { border:#fff 1px dotted }
.sideart:hover a { color:#c1c1c1 }
.sidebar2 { float:left; width:200px; height:auto; padding-left:10px; min-height:100px }
ul.widget { margin-top:20px }
ul.sidebarlist { margin-left:10px }
ul.sidebarlist li { display:block; padding-bottom:3px; border-bottom:#e0e0e0 1px solid }
h3.sidebartitle { margin:20px 0 10px 0; }
img.sidearticle { float:left; width:40px; height:40px; margin-right:10px; border:#e1e1e1 1px solid; margin-bottom:1px }
.sidearttail { background:#eee; width:198px; height:25px; border:#e1e1e1 1px solid }
span.sa { font-size:9px; font-family:Arial, sans-serif; color:#4b443b }
h4.h4sideart { margin-bottom:5px }
ul.comment2 { font-size:8.9px; padding-left:5px; padding-top:3px }
ul.comment2 li { display:inline; padding-right:20px }
ul.comment2 a { color:#0BB5FF }
img.rss { width:210px; height:80px; margin-top:30px; margin-left:5px; }
.sidebar3 { float:left; width:200px; height:auto; padding-left:15px }


/* page, single, category, archive, tag, search, etc */
.contentpage { float:left; width:705px; height:auto; margin-left:45px; margin-top:20px }
h1.singletitle { color:#b62f2f; padding-top:10px }
.pagecontent { text-indent:10px; margin-top:10px }
h4.pagedate { color:#999; margin-top:5px }
span.pageauthor { margin-left:20px; color:#0BB5FF }
.sep { width:705px; height:1px; background:#CCCCCC; margin-top:30px; margin-bottom:30px }
h2.singletitlearc { color:#408080; margin-top:35px }
h5.pagedatearc { color:#999; margin-top:5px }
.bt_registro { display:block; width:290px; height:52px; background:url('img/registrate.jpg') top left no-repeat; text-decoration:none; }
a.bt_registro:hover { text-decoration:none; }


/* footer */
.footer { background:#5F737E; width:998px; padding:5px 0px; text-align:center; }
.footer p { margin:0px; font-size:12px; font-weight:bold; color:#FFFFFF; }
.footer a { color:#FFFFFF; text-decoration:underline; }