
/************************************/
/************* FONTS ****************/
/************************************/

@font-face {
    font-family: 'CooperStdBlack';
    src: url('fonts/cooperblackstd-webfont.eot');
    src: url('fonts/cooperblackstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cooperblackstd-webfont.woff') format('woff'),
         url('fonts/cooperblackstd-webfont.ttf') format('truetype'),
         url('fonts/cooperblackstd-webfont.svg#CooperStdBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}




/************************************/
/************* COMMON ***************/
/************************************/

.dashed	{background: url(../images/bg-dash.jpg) repeat-x; width: 100%; height: 11px;}
#container {width: 100%; text-align: center; margin: 0; padding: 0; background: url(../images/bg.gif); }
.wrapper-container	{width: 940px; background-color: rgba(255,255,255,0.65); margin: 0 auto; padding: 20px 20px 15px 20px ; background:url(../images/bg3.png) repeat}
.main{ width: 670px;float: left;}
.sidebarRight{ width: 265px; float: right;}
#content { text-align: left;}
.buscar {/*margin:0px 0px 20px 0px*/
   border: 3px solid #f67100; 
    height: 30px;
    margin-bottom: 10px;
    padding: 0;
    text-align: left;background: none repeat scroll 0 0 white;  width: 260px;
}

/*#searchform { clear: both;}*/
#searchform #s {/* border: 3px solid #f67100;  height: 29px; font-size: 12px; padding: 3px 5px 3px 34px; color: #666;*/ 
 background: none repeat scroll 0 0 transparent;width: 220px;
    border: 0 none;
    color: #676565;
    float: left;
    margin: 3px 0 0 2px;
    padding: 4px;

}
.screen-reader-text { display:none }

#searchform #searchsubmit {/*display: block;   position: absolute; z-index: 888; margin-left:8px; margin-top: -32px;*/background: url(../images/sprite.png) no-repeat -324px -129px;text-indent: -9999px;width: 23px; height: 23px; 
   border: 0 none;
    float: right;
    margin: 4px 4px 0 2px;
    vertical-align: top;
}
footer {clear: both;}

/************************************/
/************ CABECERA **************/
/************************************/

header {}

.logo {width: 100%; height: 109px; background: url(../images/sprite.png) top left no-repeat #000; text-align: left;}
.fecha {float: left; margin: 31px 20px 0 608px; }
.fecha p {color: #f37305; font-weight: bold; font-family: Georgia; font-size: 13px; margin: 0; text-align: center;}
p.hora { font-size: 39px; margin: -08px 0px 0px 0px;}
.redes {float: right;
margin-top: 28px;
margin-right: 20px;}
.redes .fb { background-color: #999;}
a.twitter { display: block; text-indent: -9999px; background: url(../images/sprite.png) 0 -125px no-repeat; width: 150px; height: 27px; margin: -10px 0px 0px 0px;}

nav {width: 100%; height:26px; clear: both; background: #CCC; font-family: 'CooperStdBlack'; font-size: 15px; margin: 15px 0 25px 0; padding: 7px 0; text-align: left;}
nav ul li {float: left; padding-right: 11px; margin-left: 10px; border-right: 1px dotted #fff;}
nav ul li a {color: #000; text-decoration: none;}
nav ul li a:hover {color: #F56F00}
nav ul li ul {display: none; position: absolute; z-index:999; margin:0px}
nav ul li:hover ul {display: block; background: #ccc; padding: 10px 10px 10px 0;}
nav ul li ul li {float: none; border: none; padding-right: 0;}
nav ul li ul li a {color: #FFF;}
.last { border: none; padding-right: 0;}




/************************************/
/************** HOME ****************/
/************************************/


#slideshow { margin:0 auto; width:910px; height:233px; background: #000 url(../images/bg-slider.gif) no-repeat 20px 220px;position:relative;padding: 15px; margin-bottom: 20px; border-bottom: 3px solid #ccc; }
#slideshow #slidesContainer { margin:0 auto; width: 900px; height:200px; overflow:hidden; position:relative;}
#slideshow #slidesContainer .slide { margin:10px auto; width: 900px; height:200px;}
.slide img {float: left;}
/*.slide div {float: left; width: 383px; margin-left: 10px; background: url(../images/bg-tit-dest.gif) repeat-x top; }*/
.slide div {float: left; width: 365px; margin-left: 10px; background: url(../images/bg-tit-dest.gif) repeat-x top; }
.slide h2 {margin: 0 0 0 5px;}
.slide h1 {color: #c9c9c9; margin: 15px 0 0 10px; font-size: 27px; /*font-weight: bold;*/ line-height: 35px; clear:both}
.control { display:block; width:20px; height:20px; text-indent:-10000px; position:absolute; cursor: pointer; z-index: 999;}
#leftControl { top:235px; left:205px; background: url(../images/sprite.png) -230px -130px no-repeat;}
#rightControl { top:235px; left:235px; background: url(../images/sprite.png) -260px -130px no-repeat;}


.sidebarRight #leftControl { top:250px; left:205px; background: url(../images/sprite.png) -230px -130px no-repeat;}
.sidebarRight #rightControl { top:250px; left:235px; background: url(../images/sprite.png) -260px -130px no-repeat;}



p.titUltimasNot { font-family: 'CooperStdBlack'; color: #f96c00; position: relative; bottom: 0; margin-left: 5px; font-size: 17px; letter-spacing: 1px;}

.modGrey {width: 310px; background-color: #FFF; float: left; margin-right: 25px; margin-bottom: 25px; border-bottom: 1px solid #ccc;    height: 292px;}
.modPink {width: 310px; background-color: #FFF; float: left; margin-right: 25px; margin-bottom: 25px; border-bottom: 1px solid #ccc;    height: 292px; background:url(../images/img-modulo2b.jpg) no-repeat center 150px #FFF}
.modMedios {height: 292px;}
.modOrange {width: 645px; background-color: #f67001; float: left; margin-right: 25px; margin-bottom: 25px; border-bottom: 1px solid #ccc; padding-bottom:10px}
.modArchivo {width: 100%; background-color: #fff; margin-bottom: 25px; border-bottom: 1px solid #ccc;}
.modArchivo a {font-family: Georgia; color: #000;}


.headerMod { height: 36px; border-bottom: 1px solid #999; }
.modGrey .headerMod {background-color: #CCC;}
.modPink .headerMod {background-color: #d3acbf;}
.modOrange .headerMod {background: url(../images/sprite.png) 480px -165px no-repeat #000;}
.modArchivo .headerMod {background-color: #000;}

.headerMod h2 {margin: 0 0 0 15px; font-family: 'CooperStdBlack'; font-size: 19px; padding-top: 5px; }
.headerMod span {float: right; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; margin-right: 15px; line-height: 24px; margin-top: 7px; color:#FFFFFF}

.modGrey p, .modPink p, .modOrange p {font-size: 12px; margin: 0px 15px 10px 15px;}
.modGrey img, .modPink img, .modOrange img { float: left; border: 3px solid #FFF; margin-right: 5px; margin-bottom: 15px;  margin-left: 12px;}
.modOrange img {margin: 15px 15px 15px 15px;}
.modOrange .headerMod h2 {color: #f37308;}
.modOrange .headerMod span {color: #f37308;}
.modArchivo .headerMod h2 {color: #f67205;}
.modArchivo p {background: url(../images/sprite.png) bottom left no-repeat; padding-left: 30px; margin: 10px 0 10px 15px;}
.modOrange p.item { font-size: 17px; float: left;   margin: 10px 15px 0px 0;}
.modOrange p.item span { background:url(../images/sprite.png) -365px -122px no-repeat; width: 14px; height: 20px; display: inline-block;}

.slide .btnVerMas, .modGrey a {margin-top: -15px; background-position: 0 -242px}
.btnVerMas, .modPink a, .modGrey a  {text-indent: -9999px; display: block; background: url(../images/sprite.png) 0 -226px no-repeat; width: 40px; height:15px; float: right; margin: 0px 0px 0px 100px;}

.modOrange h1 { color: #FFF; font-size: 23px;}
.modOrange h3 { font-size: 18px; text-transform: uppercase; font-weight: normal;margin: 15px 15px 0px 15px;}
h1 {font-size: 18px; font-weight: normal; margin: 5px 15px 0 15px;}
.modOrange h1 a { color: #FFF;}
.modOrange h1 a:hover { color: #000;}

#publicidad01 {clear: both; width: 100%; height:168px; background: #CCC; margin: 15px 0;}
#publicidad02 {clear: both; width: 100%; height:258px; background: #CCC; margin: 15px 0;}
#publicidad03 {clear: both; width: 100%; height:85px; background: #CCC; margin: 15px 0;}
#publicidad04 {clear: both; width: 645px; height:85px; background: #CCC; margin: 10px 0;}



/****************************************/
/************** INTERNAS ****************/
/****************************************/


#slideshowInt { margin:0 auto; width:265px; height:280px; background: #fff ;position:relative; margin-bottom: 20px; border-bottom: 1px solid #CCCCCC;}
#slideshowInt #slidesContainer { margin:0 auto; width: 250px; height:200px; overflow:hidden; position:relative; border-bottom: 1px dotted #F56F00;}
#slideshowInt #slidesContainer .slide { margin:10px auto; width: 265px; height:200px;}
#slideshowInt #slidesContainer .slide div {float: left; width: 125px; margin-left: 10px; background: none;}
#slideshowInt #slidesContainer .slide h2 {margin: 0; font-family: 'CooperStdBlack';color: #f96c00; font-size: 16px; }
#slideshowInt #slidesContainer .slide p {font-size: 14px; }
#slideshowInt #slidesContainer .slide p a {color: #666666;}
#slideshowInt #slidesContainer .slide p a:hover {color: #F56F00;}
#slideshowInt .control { display:block; width:20px; height:20px; text-indent:-10000px; position:absolute; cursor: pointer; z-index: 999;}
#slideshowInt #leftControl { top:242px; left:190px; background: url(../images/sprite.png) -230px -130px no-repeat;}
#slideshowInt #rightControl { top:242px; left:220px; background: url(../images/sprite.png) -260px -130px no-repeat;}
#slideshowInt .headerMod { background-color: #000; }
#slideshowInt .headerMod h2 { color: #fff; }

.sidebarRight .flechas {	position: relative; z-index:100}

.noticias, .contacto, .perfil, .pezxlaboca {width: 640px; background-color: #FFF; font-size: 12px; color: #666; margin-bottom: 25px; border-bottom: 1px solid #999; float: left;}
.main h3 { }
.noticias { }

.not-found {width: 640px; background-color: #FFF; font-size: 12px; color: #666; margin-bottom: 25px; border-bottom: 1px solid #999; float: left;}
.nav-previous { float: left;margin: 50px 0px 20px 30px;}
.nav-next {float: right;margin: 50px 30px 20px 0px;}
.noticias .headerMod, .contacto .headerMod, .perfil .headerMod,  .not-found .headerMod {background-color: #ccc;}
.pezxlaboca .headerMod {background: url(../images/sprite.png) 550px -165px no-repeat #000;}
.noticias h2, .contacto h2, .perfil h2 {color: #FFF;}
.pezxlaboca h2 {color: #e06300;}
.noticias p, .contacto p, .perfil p, .pezxlaboca p {padding: 0 15px;}

ul.tabs {margin: 0 0 5px 5px; padding: 5px 0px 0px 0px; float: left; list-style: none; height: 32px; width: 254px; border-top: 1px dotted #F56F00;}
ul.tabs li { float: left; margin: 0; padding: 0; height: 31px; line-height: 31px; border-right: 1px dotted #F56F00; overflow: hidden; position: relative; background: url(../images/sprite.png) 2px -265px no-repeat;}
ul.tabs li.ultimo {border-right: none;}
ul.tabs li.ultimo a { padding-right:0px}
ul.tabs li a {text-decoration: none; color: #000; display: block; font-size: 13px;	padding: 0 4px 0 26px; outline: none; font-weight: bold;}
ul.tabs li a:hover {color: #F56F00;}
html ul.tabs li.active, html ul.tabs li.active a:hover  {background: url(../images/sprite.png) 2px -265px no-repeat; color: #F56F00;}
.tab_container { overflow: hidden; clear: both; float: left; width: 100%; height: 350px; background: #fff;}
.tab_content { padding: 20px 10px; }
.tab_content h3 {background: url(../images/sprite.png) bottom left no-repeat; margin: 0; padding: 0 0 0 30px; font-size: 13px;font-weight: bold;}
.tab_content p {background: url(../images/sprite.png) -380px -123px no-repeat; border-bottom: 1px dotted #ccc; font-size:12px; padding: 5px 0 5px 15px; }
.tab_content .ultimop {border-bottom: none;}

p.fechaNota {padding-left: 13px; background: url(../images/sprite.png) no-repeat -380px -123px; line-height: 24px}

.resumenPerfil {margin: 15px 0 0 15px; border-bottom: 1px solid #F56F00; width: 610px; height: 170px; }
.resumenPerfil img {float: left; margin-right:15px;}
.resumenPerfil h1 {font-size: 15px; color: #F56F00; font-weight: bold; margin-bottom: 10px;}
.resumenPerfil p {    background: url("../images/sprite.png") no-repeat scroll -380px -125px transparent;

    float: left;
    margin: 0 0 5px;
    padding: 0 0 0 12px;
    width: 201px;}
.not-found .resumenPerfil p { margin: 0px 10px 5px 0px; padding: 0 0 0 0px; background:none; padding: 0;
    width: 100%; float:none }

.pieNota {border-top: 1px solid #F56F00; border-bottom: 4px solid #F56F00; padding: 2px 0; margin: 0 15px 15px 15px; float: left;}
.pieNota ul {border-bottom: 1px solid #F56F00;  float: left; margin: 0; padding: 0; list-style-type: none; width: 450px;}
.pieNota ul li { float: left; background: url(../images/sprite.png) -380px -128px no-repeat; margin: 5px 10px 5px 10px; padding-left: 12px; }

.contacto ul {margin: 0 0 25px 15px; padding: 0; list-style-type: none;}
.contacto ul li { background: url(../images/sprite.png) -380px -128px no-repeat; margin: 5px 10px 0 10px; padding-left: 12px;}

.noticias h1 {font-size: 30px; color: #F56F00; font-weight: bold; line-height: 35px; margin-left: 30px;}
.noticias h3 {font-size: 12px; font-weight: normal; border-bottom: 1px solid #F56F00; border-top: 1px solid #F56F00; margin: 10px 15px; /*padding: 15px; */ color: #000;}
.noticias p {margin-left: 15px; width: 450px; font-size:13px; display: block;}
/* .noticias .parrafo:first-letter {color: #fff; background: #F56F00; font-size: 45px; padding: 8px; float: left; margin: 0 4px 0 0; line-height: 45px; font-weight: bold;} */
.noticias .colNota {float: right; width: 136px; margin-right: 15px;}
.noticias .colNota p {width: 126px; font-size: 11px; padding: 3px 5px 3px 5px; border-top: 1px solid #F56F00; margin: 3px 15px 0 0}
.noticias .acciones {margin-top: 5px; border-top: 1px solid #F56F00; padding-top: 8px;}
.noticias .acciones p {border: none; width: 23px; padding: 0;  margin: 0 2px 0 5px; float: left;}

.acciones p a {width: 23px; height: 23px; text-indent: -9999px; background: url(../images/sprite.png) no-repeat; float: left;}
.acciones p a.Colfacebook {background-position: -85px -210px;}
.acciones p a.Coltwitter {background-position: -118px -211px;}
.acciones p a.Colimprimir {background-position: -154px -211px;}
.acciones p a.Colemail {background-position: -191px -211px;}

.noticias article {width: 550px; margin: 14px 0px 20px 30px;border-bottom: 1px dotted #000;}
.noticias article a p.fechaNota { border-bottom: 1px dotted #CCC; width: 400px;}
.noticias article a:hover p.fechaNota { border-bottom: 1px dotted #F56F00;}
.noticias article a h1 {font-size: 13px; color: #000; margin-left: 30px; width: 400px; margin-bottom: -8px;}
.noticias article a:hover h1 {color: #F56F00;}
.noticias article a .btnVerMas {background: url(../images/sprite.png) 0 -210px no-repeat; margin: -30px 30px 0 0; }
.noticias article a:hover .btnVerMas {background: url(../images/sprite.png) 0 -226px no-repeat; }

.pezxlaboca .dixit {width: 465px;}
.pezxlaboca .dixit h1 {font-size: 19px; color: #F56F00; font-weight: bold;}
.pezxlaboca .dixit h3 {font-size: 15px; text-transform: uppercase; color: #1A1715; font-weight: bold; margin-left: 15px;}
.pezxlaboca .dixit p {margin-left: 15px; width: 450px; font-size:13px; display: block;}
.pezxlaboca .dixit div {margin-bottom: 100px; margin-left:15px;}
.pezxlaboca .dixit p.item { font-size: 13px; float: left; margin: 5px 15px 0 0; width: auto; padding: 0; display: inline-block; color: #1A1715}
.pezxlaboca .dixit p.item span {background: url(../images/sprite.png) no-repeat -380px -123px;  width: 14px; height: 20px; display: inline-block;}

.pezxlaboca .colNota {float: right; width: 136px; margin: 90px 15px 0 0;}
.pezxlaboca .acciones {margin-top: 10px;}
.pezxlaboca .acciones p {border: none; width: 23px; padding: 0;  margin: 0 2px 0 5px; float: left;}


ul.post-categories
 { margin:0px; padding:0px; list-style:none; /*float:left; */}
 
ul.post-categories a
 { margin:0px 0px 0px 5px; padding:0px; list-style:none; color: #fff; font-family: 'CooperStdBlack';}
.headerMod h2   { color:#FFF; float:left}
.modGrey h1 {height:76px; line-height: 22px;}

.single-post h3 p { width: 579px; padding: 10px 0px; margin:0px 0px 0px 15px}

.single-post h3 p a {display: none;}

.archive.category .noticias .page-title { height: 31px; border-bottom: 1px solid #999; color: #fff;  font-family: 'CooperStdBlack'; font-size: 19px; background-color: #ccc; padding: 5px 0 0 15px; font-weight: normal; margin: 0px;}

.search-results h3.page-title { height: 31px; border-bottom: 1px solid #999; color: #fff;  font-family: 'CooperStdBlack'; font-size: 19px; background-color: #ccc; padding: 5px 0 0 15px; font-weight: normal; margin: 0px; width:625px; float:left}

/*.search-results .sidebarRight { margin-top:-37px}*/

.archive.category .entry-meta {background:url("../images/sprite.png") no-repeat scroll -380px -123px transparent; padding: 0px 0px 0px 13px; line-height: 24px; width: 450px; border-bottom: 1px dotted #CCCCCC; margin: 10px 0px 0px 30px;} 
.archive.category .entry-title { font-size: 13px; font-weight: bold;  width: 450px; margin: 10px 0px 0px 43px;} 
.archive.category .entry-title a {color: #000;} 
.archive.category .entry-title a:hover {color: #F56F00;} 

.search-results .entry-meta {background:url("../images/sprite.png") no-repeat scroll -380px -123px transparent; padding: 0px 0px 0px 13px; line-height: 24px; width: 450px; border-bottom: 1px dotted #CCCCCC; margin: 10px 0px 0px 30px;} 
.search-results .entry-title { font-size: 13px; font-weight: bold;  width: 450px; margin: 10px 0px 0px 43px;} 
.search-results .entry-title a {color: #000;} 
.search-results .entry-title a:hover {color: #F56F00;} 
.search-results .entry-summary p {margin: 0px 0px 20px 28px; border-bottom: 1px dotted #000; padding: 0px 0px 23px 15px;}
.search-results .entry-summary p a {text-indent: -9999px; display: block; background: url(../images/sprite.png) 0 -210px no-repeat; width: 40px; float: right; }

.archive.category .entry-summary p {margin: 0px 0px 20px 28px; border-bottom: 1px dotted #000; padding: 0px 0px 23px 15px;}

.archive.category .entry-summary p a {text-indent: -9999px; display: block; background: url(../images/sprite.png) 0 -210px no-repeat; width: 40px; float: right; margin-left:410px}

.archive.category  .category-el-pez-por-la-boca h2 {margin: 10px 0 20px 43px;  border-bottom: 0px dotted #000; padding: 0px 0px 0px 15px;}

.archive.category  .category-el-pez-por-la-boca h2 a:hover {color:  #F56F00; }

.widget_sp_image-image-link {display: block; margin-bottom: 30px;}

.modArchivo .video {margin: 0px 0px 10px 0px; text-align: center;}
.modArchivo .video h1 { padding: 0px; margin-bottom: 10px;text-align: left; line-height: 18px;}

.noticias .textocompleto .post-first-letter { color:#fff; background: #F56F00; font-size:45px; padding: 8px; float:left; margin: 0px 4px 0px 0px; line-height: 45px; font-weight: bold}

#content .main h3 .page-title {
    background-color: #CCCCCC;
    border-bottom: 1px solid #999999;
    color: #FFFFFF;
    font-family: 'CooperStdBlack';
    font-size: 19px;
    font-weight: normal;
    height: 31px;
    margin: 0;
    padding: 5px 0 0 15px;
}

.banner {padding-top:15px}
.banner a {display:block; margin-bottom:15px}
.videohome h1 {margin-top:15px; margin-bottom:10px; font-size:15px}
.videohome p {background: url("../images/sprite.png") no-repeat scroll -380px -127px transparent;
   color: #666666;
    font-size: 12px;
    margin: 5px 10px;
    padding-left: 12px;text-align: left;}
.destaquevideo {background: url("../images/sprite.png") no-repeat scroll left -261px transparent;
    margin: 10px 0 10px 15px;
    padding-left: 30px;}