/* Global */
@charset "utf-8";
html, body                     { margin: 0; padding: 0; background:#12110f; }
body                           { overflow:visible; overflow-x: hidden; background:#12110f; }

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

/**/
.hr                            { clear:both; background: url(../images/bg_hr.gif) repeat-x left top; padding:20px 0 20px 0;}
.hrlow                         { clear:both; background: url(../images/bg_hr.gif) repeat-x left top; padding:0; margin:0;}
.hide                          { display:none;}

/* * */
.rounded                       { -moz-border-radius: 8px; -webkit-border-radius: 8px;}
.roundedL                      { -moz-border-radius-bottomleft: 17px; -moz-border-radius-topleft: 17px; -webkit-border-top-left-radius: 17px; -webkit-border-bottom-left-radius: 8px; }
.roundedR                      { -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;}
.roundedD                      { -moz-border-radius-bottomleft: 17px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -webkit-border-bottom-right-radius: 8px;}

/* * */
.floatL                        { float:left; padding-left:20px;}
.floatR                        { float:right; padding-left:20px;}
.noborder, .noborder:hover     { border:none !important; padding:0 !important;}

/* Fix up IE6 PNG Support */
img, #logo                     { behavior: url(../scripts/iepngfix.htc); }


/* L A Y O U T */

/* principal */

#principal                    { background:#FFFFFF url(../images/bg_div_principal.gif) repeat-x scroll left top;}
.contenedor                   { width:960px; margin:0 auto; position:relative; padding-bottom:50px;}

/* header */
#header                       { padding-top:30px; padding-bottom:20px; }
    #logo h1, #logo small     { margin:0px; display:block; text-indent:-9999px;}
    #logo                     { background-image:url(../images/logo.png); background-repeat:no-repeat; width:194px; height:83px;}
    
    ul#menu                   { margin:0px; padding:0px; position:absolute; right:140px;}
        ul#menu li            { display:inline; margin-left:12px; font-size:11px; /*border-left:1px solid #1f1f1f;padding:10px;*/ }
        ul#menu li a          { text-decoration:none; color:#716d6a; font-weight:bold; text-transform:uppercase; padding:9px 8px 16px 8px!important;}
        html>ul#menu li a     { padding:9px 8px 16px 8px!important;}
        ul#menu li a.active,
        ul#menu li a.current,
        ul#menu li a:hover    { color:#DE0049/*#fff*/; padding:9px 8px 16px 8px!important; *padding:10px;  border-bottom:2px solid #DE0049; }
        html>ul#menu li a.active,
        ul#menu li a.current,
        ul#menu li a:hover    { padding:9px 8px 16px 8px!important;}
   ul#menuSocial              { margin:0px; padding:0px; position:absolute; top:15px; right:0px; border-left:1px solid #333;}
        ul#menuSocial li      { display:inline; margin-left:12px;}


/* sidebar */
#sidebarGroup                 { width: 960px; margin:0 auto;}
#sidebar 		              { padding:10px; margin:0 auto; overflow:hidden;}
	.sidebarBlock             { float:left; width:250px; padding:10px; margin-right:10px;}
    .sidebarBlock h3          { border-bottom:2px solid #eee;}
    .sidebarBlock li          { padding-bottom:5px !important; }
    .auxsidebarBlock          { padding:0!important;}
    .sidebarBlockAux2 li      { display:inline; }
    .sidebarBlockAux2 ul      { margin:0;}
    .sidebarBlockAux2 a       { color:#DE0049 !important;}
	.sidebarBlock li a        { color:#666;}
    .sidebarBlock li a:hover  { color:#DE0049;}
	.sidebarBlockAux          { width:24em !important; }
	.sidebarBlockAux ul       { float: left; width: 24em;}
	.sidebarBlockAux li       { float: left; width: 12em;padding-bottom:5px;} 
    
    
    
/* footer */
#footer                       { background:#12110f url(../images/bg-foot.jpg) repeat-x left top; padding:40px; min-height:130px; color:#FFF; font-size:10px;}
	#logof h1, #logof small   { margin:0px; display:block; text-indent:-9999px;}
    #logof                    { background-image:url(../images/logo.png); background-repeat:no-repeat; width:194px; height:83px;}
    #footer .long             { width:480px;}
    #footer h3                { color:#e2dddc; font-size: 1.60em; min-height:10px !important;border-bottom:none !important; }
    #footer h4                { color:#DE0049; }
    #footer h5                { color:#e2dddc; }
    #footer span              { padding:0 !important;}
    .footer_column            { float:left; margin-right:30px; width:120px}
    #footer #logof            { position: absolute; top: -60px; left:0;}   
    #footer li                { padding-bottom:20px;}
    #footer a                 { padding:5px; background-color:#000;}
    #footer a:hover           { padding:5px; background-color:#DE0049; color:#000;}




/* C O N T E N T */

/* bloqueDestacado */
.bloqueDestacadoGroup          { height: 350px; overflow:visible; height:auto; height:100%;}
    .bloqueDestacado           { float:left; width: 260px; padding:20px 0 20px 40px; }
    .bloqueDestacadontp        { float:left; width: 260px; padding:0 0 20px 40px; }
    .bloqueDestacadontp a      { color:#000; border-bottom:1px dotted #000; }
    .bloqueDestacadontp a:hover{ color:#DE0049; border-bottom:1px dotted #DE0049; }
    .bloqueDestacado:hover     { cursor:default;}
    .bloqueDestacadoIMG        { float: left; width: 600px; cursor: pointer; }
    .bloqueDestacadoIMGn       { float: left; width: 600px;}
    .bloqueDestacadoIMGn img   { margin-bottom:40px;}
    .bloqueDestacadoTexto      { font-size: 16px; color: #777; line-height: 24px; margin-bottom: 10px; }
    .bloqueDestacadoFecha      { font-size: 20px; font-weight: bold; color: #DE0049; }
    .bloqueDestacadoFecha sup  { font-size: 12px; font-weight: normal; color: #999; }
    .bloqueDestacadontp h3     { margin-bottom: 0; min-height:50px !important; }
    .bloqueDestacado h3 a      { text-decoration: none; color: #555; }
    .bloqueDestacado ul        { width:230px;}
    .bloqueDestacado li        { background-color:#f8f8f8; padding:15px;}
    .bloqueDestacado li:hover  { background-color:#eee;}
	.bloqueDestacadoAuxImg     { height:400px; overflow:hidden;}

/* bloqueTitular */
.bloqueTitularGroup            { float: left; min-height:300px; margin-bottom:40px;}
.bloqueTitularGroup img        { margin: 0; padding:3px; border: 1px solid #e8e8e8; text-align: center; display: block;}
	.bloqueTitularIMG          { float: left; width: 200px; padding:0 20px 0 0;}
    .bloqueTitularIMGSub       { float: left; width: 200px; padding:20px 20px 0 0;}
    .auxbloque                 { float: left; width:380px !important; min-height:200px;}
	.auxbloqueB                { float: left; width:420px !important; min-height:200px;}
    .auxbloqueG                { float: left; width:700px !important; margin-bottom:20px;}
    .auxbloqueGb               { float: left; width:920px !important; margin-bottom:20px;}
    .auxbloqueH                { /*padding-top:20px !important;*/}
    .bloqueTitular             { width: 260px; padding:0 24px 0 30px; border-left: 6px solid #ccc; cursor:default; margin-bottom: 20px;}
	.bloqueTitular a           { color:#999; }
	.bloqueTitular a:hover     { color:#DE0049; }
	.bloqueTitular p           { /*min-height:75px;*/}
    .bloqueTitular:hover       { border-left: 6px solid #DE0049; }
    .bloqueTitularTexto        { font-size: 16px; color: #777; line-height: 24px;/* margin-bottom: 20px; min-height:80px;*/}
	.bloqueTitularTexto strong { color:#777 !important; font-weight:normal;  *font-weight:normal; font-size:100%;}
    .bloqueTitularFecha        { font-size: 20px; font-weight: bold; color: #DE0049; }
    .bloqueTitularFecha sup    { font-size: 12px; font-weight: normal; color: #999; }
    .bloqueTitularsm           { width:220px !important; margin-right:20px;}
    .bloqueTitularAuxImg       { overflow:hidden;}
	.auxhimg                   { height:100px; overflow:hidden;}
	.auxhimg:hover             { overflow:visible; height:auto;position:relative; padding:0 5px 5px 0; bottom:0; background-color:#FFF;}
    .bloqueTitularAuxImg       { height:100px; overflow:hidden;}
    .bloqueTitularTexto a      { color:#DE0049 !important; font-weight:bold;  *font-weight:normal; font-size:110%;}
    
	.bloqueTitular strong      { color:#DE0049 !important; font-weight:bold;  *font-weight:normal; font-size:110%;}
	
	.bloqueTitularGroup ul           { padding-left:20px!important; margin-bottom:5px!important;}
	.bloqueTitularGroup li:before    { content: "\00BB \0020"!important; }
	.bloqueTitularGroup li           { padding:5px 20px !important;}
	
    
/* comentarios */
.commentarioFormGroup           { overflow:hidden; margin:0; padding:0; border:1px solid #f8f8f8;}
.comentariosGroup               { }
	.comentarios                { overflow:hidden; margin:0; padding:30px 30px 10px 30px; border:1px solid #eee; margin-bottom:20px;}
    .comentarios img            { border:4px solid #f5f5f5;}
    .comentarios img:hover      { border:4px solid #E6E6E6;}
        .comentariosimg         { float:left; width:80px; padding:0 10px 0 10px; margin:0 0 20px 0;}
        .comentariosimg a       { color:#DE0049; font-size:1em;}
        .comentariosimg a:hover { background-color:#DE0049 !important; color:#fff !important;font-size:1em;}
        .comentariosimg span    { font-size:0.7em;}
        .comentarios-in         { float:left; width:500px; border-left:6px solid #f8f8f8; padding:0 0 0 16px; margin:0 0 0 16px; }
        .comentarios-in:hover   { border-left:6px solid #DE0049;}
        .comentarios-in p       { }
        .comentarios-in a       { }
        .comentarios-in em      { }
        .auxComm1               { background:#fff url(../images/deg.gif) repeat-x left top;}

/* side Contacte */
.auxContact                     { float:right; width:300px; top:0; right:0;}

/* historico */
.historico                      { width:880px; margin:0 auto; overflow:hidden; margin-bottom:5px}
    .historico-in               { padding:15px; border-left: 6px solid #ccc; cursor: pointer; margin-bottom:20px;}
    .historico-in:hover         { border-left: 6px solid #DE0049; background-color:#f8f8f8; }
    .historico-in a             { text-decoration: none; display:block; color:#999;  }
    .historico-in a:hover       { color: #333 !important; }
    .historico-in span          { float:right; text-align:right; width:100px; font-size:15px; color:#DE0049; padding-top:8px;}
    .historico-in sup           { font-size:12px; color:#999; padding-left:5px;}
    .historico-in em            { font-style:italic; font-size:150%; color:#CCCCCC;}


/* noticias */
#noticias                       { margin:0 auto; width:960px;}
.noticiasaux                    { margin:0 auto; width:700px !important;}

/* goback */
.goback                         { float:right; position:relative; width:200px; height:50px; top:10px; right:120px;; text-align:left;}
.goback a                       { border-bottom:1px dotted #DE0049;}
.goback a:hover                 { border-bottom:none;}


/*  F O R M  */

/* commentario-form */
.commentarioFormGroup               { width:700px; overflow:hidden; background:#fff url(../images/deg.gif) repeat-x left top; margin-bottom:20px; padding-left:0px; }

    form.commform					{ padding:40px 40px 40px 30px;}
    form.commform em                { color:#FF0000;}
    form.commform fieldset          { }
    form.commform legend            { padding:20px; }
    form.commform label             { float:left; width:70px; text-align:right; padding-right:10px; }
    form.commform input, textarea   { float:left; }
   

/* M I S C */

/*search*/
#search                            { margin:0 auto; width:960px; min-height:50px;}
.searchaux                         { float:right; text-align:right; position:relative; top:-52px; right:0; width:290px; padding:10px 15px 15px 7px; background:#fff url(../images/deg.gif) repeat-x left top;}

/* feed */
.feed { margin-left: 3px; padding: 20px 0 20px 40px; background: url("../images/feed-icon-28x28.png") no-repeat 0 50%;} 

/* shareMe */
.shareMe                          {}
    .shareMe ul                   { float:left; margin:0 auto; margin-right:20px; min-height:100px; padding:25px; border:1px solid #f5f5f5; border-right:2px solid #eee; border-bottom:2px solid #eee; background-color:#eee;}
    .shareMe li                   {/* font-size:125%; line-height:150%;*/}
	.shareMe .min                 { width:110px;}
	.shareMe .max                 { width:460px;}

    
    .shareMeAux                   { padding:10px !important; height:140px;}
    .shareMeAux a                 { background:transparent  url(../images/share.png) no-repeat 0 0; display:block; width:110px; height:140px; overflow:visible; }
	.shareMe .stico_default       { background: transparent url(../images/share.png) no-repeat scroll 0px 0px !important;}


/* spB */
.spBoton a                        { color:#DE0049; border-bottom:1px dotted #DE0049;}
.spBoton a:hover                  { border-bottom:none;}
.spBoton em                       { font-style:italic; font-size:x-small;}


/* Pagination */
.pagination                       { padding: 5px; margin: 5px; padding:15px 0 20px 0; }
    .pagination a                 { padding:6px; margin: 2px; margin-right:5px; background:#fff; border: 1px solid #DE0049; color: #DE0049; }
    .pagination a:hover,
    .pagination a:active          { border: 1px solid #DE0049; background:#DE0049; color:#FFF!important; }
    .pagination span.current      { padding:6px; margin: 2px; border: 1px solid #DE0049; font-weight: bold; background-color: #DE0049; color: #FFF!important; }
    .pagination span.disabled     { padding:6px; margin: 2px; border: 1px solid #f5f5f5; color: #888888; }
    


/* PORTFOLIO */
.portfolioGroup                  { float: left; height: 200px; width:210px; margin-left:5px; margin-bottom:10px; background-color:#f8f8f8; padding:12px;}
	.portfolioGroup:hover        { background-color:#eee;}
	.portfolioGroup img          { margin: 0; padding:5px; background-color:#FFFFFF; border: 1px solid #e8e8e8; text-align: center; display: block;}
    .portfolioGroup a            { color:#666 !important; font-size:60%;}


/* restringido */
.restringido                     { background-color:#eee; padding:10px 10px 2px;}
