/*++++++++++++++++++++++++++++
+ Website: http://www.elpionero.com.mx/
+ Title: El Pionero Delicias Digital
+ Developed by: Exosfera.com
+ Stylesheet: Jesus Alberto Jauregui Cano (jauregui@exosfera.com)
+ Copyright: http://www.exosfera.com/
+
+ Last updated: 1 Marzo 2010, 10:00am
++++++++++++++++++++++++++++++*/

/*'''''''''''GENERALES Y UTILES'''''''''''*/
/*----------------------------------------*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
strong, b {font-weight:bold;}
em {font-style:italic;}
small {font-size:0.9em;line-height:1.25em;}
a img { border: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
img { -ms-interpolation-mode: bicubic; }

.txtl {text-align:left;}
.txtr {text-align:right;}
.txtc {text-align:center;}
.txtb {font-weight:bold;}
.imgc {display:block;margin:auto;}
.imgr {float: right;padding: 4px;margin: 0 0 2px 7px;display: inline;}
.imgl {float: left;padding: 4px;margin: 0 7px 2px 0;display: inline;}
.fltl {float:left;}
.fltr {float:right;}
.clear {clear:both;}

.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

body {
    background:#3B4046 url(../img/content-bg.jpg) repeat-x 0 214px;
    color:#222;
    font-family:Arial, Helvetica, sans-serif;
    font-size:75%;
}

.wrap {
    margin:0 auto;
    width:1000px;
}

p.white {color:#FFF;}

/*'''''''''''HEADINGS'''''''''''*/
/*------------------------------*/
h1,h2,h3,h4,h5,h6 {font-weight: normal; color: #111;}
h1 {font-size: 3em; line-height: 1; margin-bottom: 0.5em;}
h2 {font-size: 2em; margin-bottom: 0.75em;}
h3 {font-size: 1.5em; line-height: 1; margin-bottom: 1em;}
h4 {font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em;}
h5 {font-size: 1em; font-weight: bold; margin-bottom: 1.5em;}
h6 {font-size: 1em; font-weight: bold;}
h1 img, h2 img, h3 img,h4 img, h5 img, h6 img {margin: 0;}


p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus,a:hover {color: #333;text-decoration:underline;}
a{color: #193A81;text-decoration:none;}

/*'''''''''''HEADER'''''''''''*/
/*----------------------------*/
#header {
    background:url(../img/header-bg.jpg) repeat-x;
    color:#FFF;
    height:177px;
    margin:0;
    overflow:hidden;
}

.presa {
    background:url(../img/presa.jpg) no-repeat 0 center;
    height:177px;
    float:left;
    width:253px;
}

#logo {
    background:url(../img/logo.jpg) no-repeat 0 15px;
    height:177px;
    float:left;
    margin-left:20px;
    width:434px;
}

#logo a {
    display:block;
    height:140px;
    text-indent:-9999px;
}

#search {
    float:right;
    margin:10px 0 0;
    width:260px;
}

.searchinpts {
    background:url(../img/search-inp.gif) no-repeat;
    height:36px;
}

.buscar-inp {
    background:none;
    border:none;
    color:#B81E26;
    font-size:16px;
    height:36px;
    padding:0 0 0 5px;
    width:210px;
}

.buscar-sbm {
    background:none;
    border:none;
    color:#FFF;
    cursor:pointer;
    font-size:.1em;
    height:36px;
    padding:0;
    width:36px;
}

#dolar img {
    float:left;
    margin: 0 25px 0 10px;
    padding:5px 0 0;
}

#clima, #dolar {
    font-size:12px;
}

#clima {height:80px;overflow:hidden;}

#reloj {
    font-size:13px;
}


/*'''''''''''MENU'''''''''''*/
/*--------------------------*/
#menu {
    background:#41464C;
    font-size:1.2em;
    font-weight:bold;
    height:37px;
    margin:0;
    padding:0px;
}

#menu li {
    float:left;
    height:37px;
    line-height:37px;
}

#menu li ul li {
    float:left;
    height:30px;
    line-height:30px;
    padding:0 5px;
}

#menu li ul li a {
    display:block;
    float:none;
    text-indent:0;
}

#menu li a {
    color:#FFF;
    float:left;
    margin:0 10px 0 5px;
    /* text-indent:-9999px; */
}

/*'''''''''''CONTENT'''''''''''*/
/*-----------------------------*/
#content {
    clear:both;
    margin:10px 0;
}

#leftcontent {
    float:left;
    overflow:hidden;
    width:725px;	
}

#sidebox {
    float:right;
    overflow:hidden;
    width:270px;
}

h1.tit {
    border-bottom:1px solid #333;
    color:#FFF;
    text-shadow:1px 1px 0 #000;
    margin:10px 10px 20px;
    padding:5px;
}

#slideshow {
    background:white;
    height:345px;
    margin:0 0 10px;
}

.boxl360 {
    float:left;
    height:248px;
    margin:0 0 8px;
    width:360px;
}

h3.box {
    background-color:#1D2025;
    border:none;
    color:#FFF;
    height:28px;
    line-height:28px;
    margin:0;
    padding:0 0 0 10px;
    text-transform:uppercase;	
}

.boxr360 {
    float:right;
    height:248px;
    margin:0 0 8px;
    width:360px;	
}

.boxcontent {
    background:#FFF url(../img/contentbox-bg.jpg) repeat-x;
    border:solid #4C3E23;
    border-width:0 1px 0;
    height:200px;
    overflow:hidden;
    padding:20px 5px 0;
}

.boxcontent a, boxcontentl a {
    color:#333;
}

.boxcontent img.imgnota, .boxcontentl img.imgnota {
    float:left;
    height:75px;
    margin:0 10px 10px 0;
    width:100px;
}

.boxcontent h2, .boxcontentl h2 {
    color:#850000;
    font-size:1.4em;
}

.boxcontent h2 a, .boxcontentl h2 a {
    color:#850000;
}

.boxcontent p {
    font-size:13px;
    line-height:15px;
}

p.leermas {
    color:gray;
    display:block;
    font-weight:700;
    margin:-20px 0 0;
    padding:0;
    position:absolute;
    text-align:right;
    width:350px;
}

p.leermas a {
    color:gray;
}

.boxcontentl {
    background:#FFF url(../img/contentbox-bg.jpg) repeat-x;
    border:solid #4C3E23;
    border-width:0 1px 0;
    padding:20px 5px 20px;
}


.bnr725 {
    height:83px;
    margin:5px 0;
    overflow:hidden;
    padding:0;
    text-align:center;
}

#opiniones {
    background:white;
}

.opinion {
    width:350px;
}

.opinion h3 {
    color:#AB110F;
    margin:10px 0;
    padding:0 10px;
    text-transform:uppercase;
}

.opinion h3 a {color:#AB110F;}

.opinion h3 span {
    display:block;
    font-size:13px;
    text-transform:capitalize;
}

.opinion p {
    font-size:13px;
    padding:0 10px;
}

.opinion p strong {color:#999;font-weight:normal;font-size:11px;}

.opinion p a {color:#333;}

#deliciastiempo {
    background:url(../img/libro2.jpg) no-repeat;
    height:248px;
    margin:5px 0;
}

#deliciastiempo a {
    color:#7B2D00;
    font-style:italic;
    font-weight:700;
}

#deliciastiempo a img {
    float:right;
    height:248px;
    margin-left:5px;
    width:350px;
}

#deliciastiempo p {
    font-size:12px;
    padding:5px 0 0 250px;
}

#encuesta {
    background:white;
    border:1px solid #3A0A0A;
    color:#AB110F;
    float:left;
    min-height:350px;
    overflow:hidden;
    text-align:center;
    width:358px;
}

#encuesta .question {
    font-size:16px;
    margin:0 0 .5em;
}

.encuesta-content {display:none;height:290px;overflow:auto;}

#encuesta .encuesta-content .opciones {
    height:240px;
    overflow:auto;
}

#encuesta h3, #elrelax h3 {
    color:#AB110F;
    margin:10px 0;
    text-transform:uppercase;
}
#encuesta h3 {text-align:center;}
#elrelax h3 {margin:10px 0 10px 5px;}

#elrelax {
    background:white;
    border:1px solid #3A0A0A;
    float:right;
    /*height:272px;*/
    overflow:hidden;
    width:358px;
}

#elrelax img {/*height:225px;*/max-width:340px;}

#espentcul {
    background:white;
    margin:5px 0;
}

#sociales {
    background:white;
    height:248px;
    margin:5px 0;
}

#sociales a {
    display:block;
    float:left;
    margin:0 0 0 10px;
    overflow:hidden;
    text-align:center;
    width:220px;
}

#sociales a img {
    display:block;
    float:none;
    height:150px;
    margin:0 auto;
    width:160px;
}

#soloparati {
    background:url(../img/soloparati-bg.gif) no-repeat;
    color:#FFF;
    font-size:14px;
    height:165px;
    margin:0 0 5px;
    padding:40px 0 0;
    text-align:center;
}

#soloparati input {
    margin:5px 0
}

.inp {
    background:url(../img/inp.gif) no-repeat top right;
    border:none;
    height:34px;
    margin:3px 0;
    padding:0 5px 0 5px;
    width:237px
}

.bnr270 {
    clear:both;
    margin:5px 0;
    padding:0;	
}

#ultimasnoticias {
    background:white;
    margin:5px 0;
}

#ultimasnoticias h3 {
    color:#AB110F;
    letter-spacing:-1px;
    padding:5px 10px 10px;
    text-transform:uppercase;
}

#ultimasnoticias ul {
    list-style:decimal outside none;
    line-height:1.2;
    margin:0 0 0 25px;
    padding:0 0 30px;
    width:235px;
}
#ultimasnoticias ul li {
    border-bottom:1px solid #E3E3E3;
    padding:5px 0;
}
#ultimasnoticias ul li strong {
    color:gray;
    font-weight:normal;
    padding-right:5px;
}
#ultimasnoticias ul li a {
    color:#000;
    text-decoration:none;
}

#tusvideos {
    background-color:#CF9807;
    color:#FFF;
    margin:5px 0;
}

#tusvideos div {
    display:block;
    margin:0 auto;
    text-align:center;;
}

#frasecelebre {
    background-color:#ac1011;
    border:1px solid #ac1011;
    color:#FFF;
    font-size:14px;
    text-align:center;
    line-height:18px;
}

#frasecelebre p, #tecnologia p {
    padding:0 10px;
}
#tecnologia a {color:#FFF;}

#tecnologia {
    background-color:#72757a;
    border:1px solid #FFF;
    color:#FFF;
    font-size:14px;
    line-height:18px;
    text-align:center;
}

#boxbig {
    background-color:#FFF;
    padding:20px;
}

#boxbig h3 {
    border-bottom:1px dotted #333;
    clear:both;
    margin:10px 0 1em;
    padding:5px;
}

.categoria-notas img {border:1px solid #999;padding:0;width:125px;}
.categoria-notas h2 a {color:#850000;}
.categoria-notas h2 a:hover {color:#000;text-decoration:none;}
.categoria-notas p {font-size:13px;line-height:16px;}
.categoria-notas p a {color:#666;}
.categoria-notas p a:hover {color:#000;text-decoration:none;}
.categoria-notas p.leermas {text-align:right;margin:0;padding:0;position:relative;width:660px;}
.categoria-notas .clear {border-bottom:1px solid #CCC;clear:both;margin:0 0 30px;padding:10px 0 0;}

.galeria-notas {background-color:#FFF;padding:20px;}
.galeria-notas a img.imgl {border:1px solid #999;padding:0;width:125px;}
.galeria-notas h2 a {color:#850000;}
.galeria-notas h2 a:hover {color:#000;text-decoration:none;}
.galeria-notas p {font-size:13px;line-height:16px;}
.galeria-notas p a {color:#666;}
.galeria-notas p a:hover {color:#000;text-decoration:none;}
.galeria-notas p.leermas {text-align:right;margin:0;padding:0;position:relative;width:660px;}
.galeria-notas .clear {border-bottom:1px solid #CCC;clear:both;margin:5px 0 30px;}
#galeria-fotos {clear:both;padding-top:20px;text-align:center;}
#galeria-fotos p {text-align:center;}

.nota-intro {
    font-size:16px;
    line-height:20px;
}

.nota-autor-fecha {
    color:#999;
    font-size:12px;
    font-weight:700;
    text-align:right;
}

.nota-autor-fecha span {padding:0 10px;}

.nota-contenido {
    font-size:14px;
    line-height:18px;
}

.galeria-nota {margin:0;padding:0;}
.galeria-nota img {border:1px solid #CCC;margin:0 5px 5px;padding:3px;}

/*'''''''''''PAGINACION'''''''''''*/
/*--------------------------------*/
div.pagination {
    background:url(../img/paginacion-bg.png) no-repeat;
    font-family: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif;
    font-size:10px;
    overflow:hidden;
    padding:8px 0;
    line-height:26px;
    margin:10px auto;
    text-align:center;
    width:600px;
}

.registros {
    color:#666;
    display:block;
    float:left;
    font-weight:bold;
    width:130px;
}

div.pagination a {
    color: #666;
    display:inline-block;
    padding: 0 6px;
    text-decoration: none; /* no underline */
}
div.pagination a:hover, div.pagination a:active {
    color: #000;
}
div.pagination span.current {
    background-color: #bbb;
    border-color:#909090 #FFFFFF #FFFFFF #909090;
    border-style:solid;
    border-width:1px;
    color: #000;
    font-style:italic;
    font-weight:bold;
    padding:4px 10px;
}
div.pagination span.disabled {
    display:none;
}



/*'''''''''''FORM'''''''''''*/
/*--------------------------*/
.formstyle{margin: 0 auto;width: 450px;padding: 14px;}
.formstyle label{color:#333;display:block;font-size:1.2em;font-weight:bold;text-align:right;width:140px;float:left;margin-bottom:10px;}
.formstyle input, .formstyle select, .formstyle textarea{font-size:12px;padding:4px 2px;border:solid 1px #666;width:200px;margin: 2px 0 30px 10px;}
.formstyle textarea{width:350px;height:100px;overflow:auto;}
.formstyle .small{color:#999;display:block;font-size:11px;font-weight:normal;text-align:right;width:140px;}
.formstyle .submitbtn input{cursor:pointer;background:#990100;border:1px solid #990100;color:#FFF;font-weight:bold;}
.formstyle .submitbtn input:hover{border:1px solid #000;background:#660100;cursor:pointer;}


/*'''''''''''FOOTER'''''''''''*/
/*----------------------------*/
#footer {
    clear:both;
    color:#FFF;
    background:url(../img/footer-bg.jpg) repeat-x;
    margin:25px 0 0;
    height:183px;
}

#footer .wrap {
    background:url(../img/footer-image.jpg) no-repeat center 7px;
    padding:20px 0 0;
}

#footer .logo-footer {
    background:url(../img/logo-footer.gif) no-repeat 0 center;
    float:left;
    height:84px;
    width:270px;
}

#footer .logo-footer a {
    display:block;
    height:84px;
    text-indent:-9999px;
    width:270px;
}

#footer ul {
    float:right;
    font-size:12px;
    height:20px;
    margin:40px 0 0;
    overflow:hidden;
    width:490px;
}

#footer ul li {
    float:left;
    margin:0 3px;
}

#footer ul li a {
    color:#FFF;
    float:left;
}

#footer p {
    clear:both;
    display:block;
    font-size:11px;
    margin:0;
    padding:30px 0 0;
    *padding:0;
    text-align:center;
}

.gal-vid {
    background-color:#D3D3D3;
    color:#333;
    font-size:11px;
    margin:0 2px;
    padding:2px 8px;
    text-shadow:1px 1px 0 #FFF;
}

/*****************************
     SLIMBOX
*****************************/
/* SLIMBOX */
#lbOverlay {position: fixed;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background-color: #000;cursor: pointer;}
#lbCenter, #lbBottomContainer {position: absolute;z-index: 9999;overflow: hidden;background-color: #fff;}
.lbLoading {background: #fff url(../img/slimbox/loading.gif) no-repeat center;}
#lbImage {position: absolute;left: 0;top: 0;border: 10px solid #fff;background-repeat: no-repeat;}
#lbPrevLink, #lbNextLink {display: block;position: absolute;top: 0;width: 50%;outline: none;}
#lbPrevLink {left: 0;}
#lbPrevLink:hover {background: transparent url(../img/slimbox/prevlabel.gif) no-repeat 0 15%;}
#lbNextLink {right: 0;}
#lbNextLink:hover {background: transparent url(../img/slimbox/nextlabel.gif) no-repeat 100% 15%;}
#lbBottom {font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;font-size: 10px;color: #666;line-height: 1.4em;text-align: left;border: 10px solid #fff;border-top-style: none;}
#lbCloseLink {display: block;float: right;width: 66px;height: 22px;background: transparent url(../img/slimbox/closelabel.gif) no-repeat center;margin: 5px 0;outline: none;}
#lbCaption, #lbNumber {margin-right: 71px;}
#lbCaption {font-weight: bold;}