/* Este archivo contiene todas las modificaciones de estilo realizadas en la web CCN.CNI-------------------------------------------------- */

.ptb10{padding:10px 0px !important;}
.ptb25{padding:25px 0px !important;}


.hover_grey:hover{background:#f5f5f5;}

li{ text-align:justify !important;}

#s5_menu_wrap {background: #ffffff !important;}

.table-responsive{overflow: auto !important;}

h4 {
    font-weight: 300 !important;
}



.jdGallery .slideInfoZone p {
    line-height: 40px !important;
    margin: 0px !important;
        margin-right: 0px;
        margin-left: 0px;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
    text-shadow: none !important;
}

.jdGallery .slideInfoZone h2 {
  line-height:100% !important;
    font-size: 1.1em !important;
    letter-spacing: 0px !important;
    padding: 0px !important;
    text-shadow: none !important;
    font-weight: 200 !important;
    margin-left: 4px !important;
    display: block;
}

.jdGallery .slideInfoZone h2, .jdGallery .slideInfoZone p {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    clear: both;
    width: 100% !important;
}

/*-------------------------Ajuste Links en Span de color --------------------------------------------------*/
.linkcenterblanco {text-align: center !important; 
  color: #ffffff !important;
}

/*-------------------------Párrafo centrado --------------------------------------------------*/
.pcentradoblanco {text-align: center !important; 
  color:#ffffff !important;
}


/*-------------------------Ajuste Tamaño Logo y menu --------------------------------------------------*/

#s5_logo_wrap, #s5_logo_wrap2 {
    float: left;
    padding-top: 4px;
    padding-right: 4px !important;
    cursor: pointer;
}

ul#s5_nav {
	padding-left: 10px !important;
	margin-top: 29px;}


/*----------------------------Tamaño letra general web------------------------------------------------*/


body {

    color: #8b8b8b;
    font-weight: 300 !important;
    font-size: 13px !important;
    line-height: 193%;

}

p{font-size:13px !important;
  text-align:justify !important;}

#s5_menu_wrap,#s5_menu_inner{
    height: 120px !important;
    min-height: 120px !important;}
  
  
/*-------------------------hipervinculos sin decoracion de texto----------------------------------*/


.dec-non{
  text-decoration: none !important;
}

 /*Color de los links de la ruta de navegación*/
.pathway{color: #ffffff !important;}

 /*Clase botones más información en los articulos*/
.btn-ccn{border: none !important;
background: #0092dd !important;
}

/*Color de los hipervinculos en general*/
a{
    text-decoration: none;
    cursor: pointer;
    color: #0092dd;}

/*Color hipervinculos menu principal*/
#s5_nav li a {
    color: #666666 !important;
    font-size: .95em;
}

/*color hipervinculos de las listas*/
#subMenusContainer a, #s5_nav li li a {
  color: #ffffff !important;
font-weight: bold !important;}

#subMenusContainer a:hover{
  color: #0092dd !important;}

/*color hipervinculos de los menus desplegables del menu principal*/
#s5_bottom_menu_wrap ul.menu li a {
    color: #ffffff !important;
    font-weight: bold;
    font-size: inherit;
}

#s5_bottom_menu_wrap ul.menu li a:hover{
   color: #0092dd !important;
  font-weight: bold;
    font-size: inherit;
}

/*clase general para las etiquetas h1*/
.h1-home-ccn{
  	color: #32a7e3 !important;
	font-size: 30px;
	line-height: normal;
    font-weight: unset !important;
	text-transform: none !important;
}

/*clase general para las etiquetas h2*/
.h2-home-ccn{
  color: #a5a5a5 !important;
font-size: 20px;
font-weight: unset;

}

/*Css para quitar opacidad en el footer*/
#s5_footer {

    font-size: 1em !important;
    -moz-opacity: 1 !important;
    -khtml-opacity: 1 !important;
    filter: alpha(opacity=1) !important;
    opacity: 1 !important;
}


#s5_center_area1{margin-top:40px !important;
				 margin-bottom:40px !important;
				/*min-height: 400px !important;*/}


#s5_center_area2 {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.input-mini {
  width: auto !important;}

.element-invisible{
  margin-right: 15px !important;
}

.jdGallery .slideInfoZone p {
    font-size: 2.2em !important;
}
.jdGallery .slideInfoZone h2 {
    font-size: 3em !important;
  font-weight: bold !important;
}
.jdGallery .slideInfoZone h2, #s5_pos_custom_5 strong {
    text-transform: none !important;
  
}

.jdGallery .slideInfoZone p {
    color: #0092dd !important;
    font-weight: bold !important;
}


body {
    color: #666666 !important;
    }



.custom1_cnn {
  	/*background: #cecece !important;*/
 	color:#0079c4;
	padding:8px !important;}

.custom1_ccn a{
  	color:#ff0000 !important;
	font-weight:bold;}

.module_round_box a {
	color: #008df5 !important;
	font-weight: bold !important;
	font-size: medium;}

#s5_center_area1 .module_round_box_outer ul.menu li ul li {
    margin-left: 35px;
    background: #cecece !important;
    margin-left: 24px;
}

.current .active{background:#000 !important;}

}

#s5_menu_wrap_outer, #s5_floating_menu_spacer {
    position: relative !important;
    margin-bottom: 0 !important;
 	z-index: 2 !important;}
  
#s5_headerbackground {
    width: 100%;
    height: 120px !important;
    background-attachment: scroll;
    background-color: #ccc3;
    background-position: center top;
    background-repeat: no-repeat;
  background-size: cover;}

.moduletable .breadcrumb, .module_round_box_outer .breadcrumb {
  color: #7ff1ff !important;}


#s5_breadcrumb_wrap {
    margin-top: 0px !important;
  background: #0092dd !important;}

.moduletable .breadcrumb, .module_round_box_outer .breadcrumb {
    padding: 10px 0px 10px 10px !important;
	/*margin-top: 5px !important;*/
    }

#s5_pos_custom_2, #s5_top_row2_area_inner, #s5_top_row3_area_inner, #s5_above_columns_inner, #s5_bottom_row2_area_inner {
    padding-bottom: 0px !important;
	padding-top: 0px !important;
 }

#s5_above_columns_inner{/*border-bottom: 2px solid #0092dd;*/
box-shadow: 0px 24px 16px -26px;}

.breadcrumb .active {
    color: #ffffff !important;
  	font-weight: bold !important;
}

#s5_top_row1_area_inner {
    padding-bottom: 80px !important;
    padding-top: 80px !important;
}

#s5_top_row2_area_inner {
    padding-bottom: 80px !important;
    padding-top: 80px !important;}

#s5_top_row3_area_inner {
    padding-bottom: 80px !important;
    padding-top: 80px !important;}

#s5_bottom_row1_area_inner {
    padding-bottom: 80px !important;
    padding-top: 80px !important;
}

#s5_bottom_row2_area_inner {
    padding-bottom: 80px !important;
    padding-top: 80px !important;
}



  
/* Smartphones (portrait & landscape) */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
  	.module_round_box_outer ul, .moduletable ul {
    /*background: #cecece !important;*/
    color: #0079c4;
    padding: 8px !important;
  	text-align: center !important;}
  
  .custom_logo_ccn{
    float: left;
	padding-top: 5px !important;
	padding-right: 0 !important;
	cursor: pointer;
	}
  
  #s5_body_padding, #s5_menu_wrap_padding {
    padding-left: 0px;
    padding-right: 0px;
	}
  
  #s5_menu_wrap_padding{ background: #ffffff !important;}
  
  #s5_pos_bottom_row1_1,#s5_pos_bottom_row1_2,#s5_pos_bottom_row1_3,#s5_pos_bottom_row1_4{margin-bottom: 20px !important;}
  
  .jdGallery .slideInfoZone {
    color: #fff !important;
    background: #cecece8f !important;
    left: 0px !important;
    line-height: 52px;
    width: 75% !important;
    margin-left: auto !important;
    margin-right: ;
    padding: 38px !important;
    right: 0 !important;
    text-align: left !important;
    font-size: smaller !important;
	}
	.h1-home-ccn{
  		color: #32a7e3 !important;
		font-size: medium;
		line-height: normal;
        text-align: center !important;
		}

	.h2-home-ccn{
  		color: #a5a5a5 !important;
		font-size: small;
		text-align:center !important;
		}
  .footer-mobile {width:100% !important;}
  .img-footer-mobile {float: none !important;}
  
.module_round_box_outer .custom1_act-cnn ul li{
  display: block;
  padding:2% !important;
}

.module_round_box_outer .custom1_act-cnn ul li a:hover{
  display: block;
  text-decoration:none !important;
  font-size: medium !important;
}

.module_round_box_outer .custom1_act-cnn ul li a{
  display: block;
  text-decoration:none !important;
  font-size: medium !important;
}  
  
#s5_bottom_menu_wrap ul.menu li {
  border: none !important;  
  border-left: none !important;
}

}
/* fin Smartphones (portrait & landscape */

.ccn-opacity:hover{
  opacity:0.5 !important;
}


.footer-mobile{width: 25%;
margin-right: auto;
margin-left: auto;
}
 

.img-footer-mobile {float:left;}


.progress_bar {
margin-bottom:15px;
}

.progress_bar1 {
background:#e4e4e4;
display:block;
height:16px;
padding:0px;
margin:0px;
overflow:hidden;
}

.progress_bar2_orange {
background:#ffb452 !important;
display:block;
height:16px;
padding:0px;
margin:0px;
overflow:hidden;
}
.progress_bar2_red {
background:#9a4d59 !important;
display:block;
height:16px;
padding:0px;
margin:0px;
overflow:hidden;
}
.progress_bar2_blue {
background:#30a2f0 !important;
display:block;
height:16px;
padding:0px;
margin:0px;
overflow:hidden;
}

.progress_bar h3 {
font-size:1.3em !important;
color:#727272;
font-weight:600;
margin-bottom:5px;
}

.jdGallery .slideInfoZone{
  background: rgba(255, 255, 255, 0.7) !important;
}

#s5_pos_language li {
    float: none !important;
    margin: 0 0 0 8px;
}

.module_round_box a:hover{
    color: #cccccc !important;
    font-weight: bold !important;
    font-size: medium;
  border-bottom: 2px solid #0092dd;
}

#subMenusContainer div.s5_sub_wrap_lower ul {background: #a0a0a0 !important;}

#subMenusContainer div.s5_sub_wrap ul ul, #subMenusContainer div.s5_sub_wrap_lower ul ul, #subMenusContainer div.s5_sub_wrap_rtl ul ul, #subMenusContainer div.s5_sub_wrap_lower_rtl ul ul {padding: 13px 6px 12px !impotant;}

#s5_center_area1 .module_round_box_outer ul.menu a, #s5_center_area1 .module_round_box_outer .separator {
    display: block;
    background: #f5f5f5 !important;
    font-size: 1.0em;
    padding: 10px 10px;
    /* padding: 5px 0px; */
}

#s5_left_column_wrap {
    border-right: 2px solid #cecece;
}

.module_round_box h3 {
    font-size: 1.5em;
    font-weight: 300;
    margin-bottom: 20px !important;
    margin-top: 3px;
    color: #b0b0b0 !important;
}

#s5_bottom_row3_area_inner {
    padding-bottom: 50px;
    padding-top: 0px !important;
}

.cust_a{color: #cecece;}

.cust_a:hover{ color: #cecece;}

.padding_5{padding-left:15px;}

.cust_h5_left {
    font-size: 1.1em;
    padding: 2% !important;
    text-align: right !important;
    vertical-align: middle !important;
    margin-top: 1% !important;
}
.cust_h5_right {
    font-size: 1.1em;
    padding: 2% !important;
    text-align: left !important;
    vertical-align: middle !important;
    margin-top: 1% !important;
}

.left_blue{background: #ededed !important;
border-right: 10px solid #008df5 !important;}

.right_orange{background: #ededed !important;
border-left: 10px solid #ff952d !important;}

.div_pad{padding-top:5px !important;}
.div_pad_2{padding-top:5px !important;}
.div_pad_3{padding-top:30px !important;}


/*---------------------Borde izquierdo en elementos menu footer - aviso legal, etc... -----------------*/


.item-149 {border-left: none !important;}
.item-174 {border-left: none !important;}

#s5_bottom_menu_wrap ul.menu li {
    padding-right: 7px;
    padding-left: 7px;
    font-size: 1.2em;
    color: #747474;
    float: left;
    position: relative !important;
    right: 50% !important;
    border-left: 3px solid #9c9c9c;
}

/*---------------------Bullet listado de menus en el footer -----------------*/
.ccn-list{
    display: inline-block;
    width: 16px;
    height: 16px;
    line-height: 16px;
    vertical-align: text-top;
    background-repeat: no-repeat;
    margin-top: 1px;
    background-image: url(/images/icons/bullet-list.png) !important; }




/*-----------------------------div hover conformidad logos ENS--------------*/

.div_hov_conf{max-width: 250px !important;
margin: 10px auto 10px auto;
padding-top: 10px;}

.div_hov_conf:hover{max-width: 250px !important;
margin: 10px auto 10px auto;
background: #efefef;
  padding-top: 10px;}


/*----------------------------Custom actualidad CCN Link-----------------------------------------------*/

.module_round_box_outer .custom1_act-cnn ul li{
  display: block;
  padding:2% !important;
}

.module_round_box_outer .custom1_act-cnn ul li a:hover{
  display: block;
  text-decoration:none !important;
  font-size: large;
}

.module_round_box_outer .custom1_act-cnn ul li a{
  display: block;
  text-decoration:none !important;
  font-size: large;
}

#s5_footer_area1 {
    color: #fff;
    padding-bottom: 55px !important;
    padding-top: 55px;
    background: #676969;
}

#s5_scrolltopvar {
    bottom: 34px !important;
    height: 30px !important;
    position: fixed;
    right: 25px;
    width: 42px;
}

.btn, .button, button, .readon, p.readmore a, a.k2ReadMore, .userItemReadMore, div.catItemCommentsLink, .userItemCommentsLink, a.readmore-link, a.comments-link, div.itemCommentsForm form input {
    padding: 10px 41px;
    margin-top: 14px;
    margin-bottom: 0px;
    font-weight: 400;
    background: transparent;
    border: 1px solid #313131;
    color: #fff !important;
    cursor: pointer;
    letter-spacing: 0;
    text-decoration: none;
    box-shadow: none;
    font-size: 0.9em;
}

.btn, .button, button:hover{
    color: #000000 !important;
}

@media only screen and (min-width: 1200px){
#myGallery > div.slideInfoZone.slideInfoZone_load{
  width:40% !important;
  margin-left:20% !important;}}



/*-----------CUSTOM ETIQUETAS ACTUALIDAD--------------------*/

.tags li a{padding:5px !important;}

ul.tags{padding-bottom: 30px !important;}





.iacf_title {
    opacity: .7 !important;
    font-size: 2.9em !important;
    font-weight: 300;
    letter-spacing: 6px;
    margin-bottom: 19px;
}

.shadow_ccn:hover{
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.50);
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.50);
  -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.50);
  -o-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.50);
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  
}

h3.my-2010 {padding-top:20px !important;
padding-bottom:10px !important;}

/*Boton actualidad Home*/

.btn-actualidad{
    border-radius: 70px !important;
    padding: 5px 15px !important
    background: #3588d0 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    color: #ffffff !important;
}

.btn-actualidad:hover{
    border:1px solid #ffffff !important;
    border-radius: 70px !important;
    padding: 5px 15px !important;
    background: #676969 !important;
    text-decoration: none !important;
    cursor: pointer !important;
    color: #ffffff !important;
}

/*#s5_pos_custom_5 {
    margin-top: 0px;
    color: #d5d2d2;
    font-size: 13px;
    float: left;
    margin-left: 70px;
}*/

.btn-top{
    margin: 0px 0px 0px 36px !important;
    border-radius: 40px !important;
    padding: 5px 20px !important;
}