@charset "UTF-8";
@import url('./bootstrap/css/bootstrap.min.css');
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,900,700italic,900italic|Raleway:400,200,300,500,600,700,100,800,900);
html,body
{
    margin:0;
    padding:0;    
    background:#f9f9f9;
	font-size:initial;
}

@media (min-width: 600px) 
{  
    
    /*CONTAINER PRINCIPAL*/
    .dmg_container
       {
        width:1080px;
        min-height:700px;
        margin:0 auto;   
    }
	
	.DnnModule
	{
	   width:100%;
	   position:relative;
	   float:left;
	}
	.dmg_content
	{
	   position:relative;
	   float:left;
	   width:100%;
	}
    
    /*MENU HEADER*/
    .dmg_menu
    {
      width:100%;
      height:auto;
      border-bottom:solid 1px #a6b1c5;
      padding:3px 30px 3px 30px;
      position: relative;
      float: left;
	  background:#ffffff;
    }
    
    .dmg_logo
    {
      width:16%;
      height:100%;
      position:relative;
      float:left;
    }
    
    .dmg_botonera
      {
        width:68%;
        height:100%; 
        float:left;
        position:relative;
        line-height: 35px;
    }
    
	.dmg_botonera ul{
	   margin:0 !important;
	   padding:0 !important;
	
	}
    .dmg_botonera ul>li
       {
       width:auto !important;
       padding:10px 3px 10px 3px !important;
       position:relative !important;
       float:left !important; 
       text-align:center !important;
    }
    
    .dmg_botonera ul>li>a,
    .dmg_botonera ul>li>a:visited,
    .dmg_botonera ul>li>a:link
    {
       font-family:Arial !important;
       font-size:12px !important;
	   color: #000 !important;
       font-weight:bold !important;
       text-decoration:none !important;  
       text-transform:uppercase !important; 
       padding: 0 3px 0 3px !important;
    }
    
    .dmg_social
    {
       width:16%;
       height:100%;
       position:relative;
       float:left;
    }
    
    .dmg_social div
    {
       width:30px;
       padding:5px;
       height:30px;   
       cursor:hand;
       cursor:pointer;
       float:left;
       position:relative;
    }
    
    .dmg_buscador
    {
        width: 100%;
  clear: both;
  position: relative;
  height: auto;
  display: none;
  float: left;
  margin-top: 10px;
    }
    
    .dmg_login
    {
        width: 100%;
  clear: both;
  position: relative;
  height: auto;
  display: none;
  float: left;
  margin-top: 10px;
    }
    
    /*Efecto hover de los botones del header */
	/*Los IMPORTANT son para dar prioridad sobre bootstrap*/
    .dmg_botonera ul>li 
    {
        color: #000 !important;
        display: inline-block !important;
        vertical-align: middle !important;
        -webkit-transform: translateZ(0) !important;
        transform: translateZ(0) !important;
        box-shadow: 0 0 1px rgba(0, 0, 0, 0) !important;
        -webkit-backface-visibility: hidden !important;
        backface-visibility: hidden !important;
        -moz-osx-font-smoothing: grayscale !important;
        position: relative !important;
        -webkit-transition-property: color !important;
        transition-property: color !important;
        -webkit-transition-duration: 0.5s !important;
        transition-duration: 0.5s !important;
    }
    
	.dmg_botonera .active>a:focus,.dmg_botonera .active>a:visited,.dmg_botonera .active>a:link,.dmg_botonera .active>a:focus
	{
	   background-color:transparent !important;
	   color: #000 !important;
	}
    .dmg_botonera ul>li>a:before 
    {
        
        content: "" !important;
        position: absolute !important;
        z-index: -1 !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        background-image: url('/Portals/0/Images/Commons/Skins/back_menu_hover.png') !important;
        background-position:center center !important;
        -webkit-transform: scaleX(0) !important;
        transform: scaleX(0) !important;
        -webkit-transform-origin: 0 50% !important;
        transform-origin: 0 50% !important;
        -webkit-transition-property: transform !important;
        transition-property: transform !important;
        -webkit-transition-duration: 0.5s !important;
        transition-duration: 0.5s !important;
        -webkit-transition-timing-function: ease-out !important;
        transition-timing-function: ease-out !important;
    }
    .dmg_botonera ul>li>a:hover, .dmg_botonera ul>li>a:focus, .dmg_botonera ul>li>a:active {
        color: white !important;
		background-color:transparent !important;
    }
	
	 .dmg_botonera .active>a:hover, .dmg_botonera .active>a:focus, .dmg_botonera .active>a:active {
        color: white !important;
		background-color:transparent !important;
    }
    .dmg_botonera ul>li>a:hover:before, .dmg_botonera ul>li>a:focus:before, .dmg_botonera ul>li>a:active:before {
        -webkit-transform: scaleX(1) !important;
        transform: scaleX(1) !important;
        -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66) !important;
        transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66) !important;
    }
    
    
    .dmg_buscador_cerrar 
    {
        background: #243972;
        width: 24px;
        height: 24px;
        color: #fff;
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        line-height: 24px;
        text-align: center;
        float: right;
        cursor: hand;
        cursor: pointer;
        margin-right:5%;
    }
    
    
    /*CAJA LOGIN*/
    .dmg_caja_login 
    {
       width:88%;
       float:right;
       position:relative;   
    }
    
    .dmg_caja_login div
    {
        position:relative;
        float:left;
    }
    
    .dmg_caja_login div:nth-child(1),
    .dmg_caja_login div:nth-child(3)
    {
        width:auto;
        height:auto;
        font-family:Arial;
        font-size:12px;
        font-weight:bold;
        text-transform:uppercase;
        margin-right:5px;
        line-height: 25px;
    }
    
     .dmg_caja_login input[type="text"],
     .dmg_caja_login input[type="password"]
    {
        width:130px;
        height:20px;
        font-family:Arial;
        font-size:12px;
        font-weight:bold;
        margin-right:5px;
        border:solid 1px #a6b2c2;
        margin-right:15px;
    }
    
    .dmg_caja_login .boton_caja_login
    {
        width: 100px;
        height: 23px;
        background: #99b9df;
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
        margin-right: 75px;
        display: block;
        text-transform: uppercase;
        text-align: center;
        line-height: 23px;
    }
    
    .dmg_caja_login  .boton_caja_olvide
    {
        font-family: Arial;
        font-size: 11px;
        font-weight: normal;
        color: #000;
        text-decoration:none;
    }
}


@media (max-width: 599px) 
{  
    
    /*CONTAINER PRINCIPAL*/
    .dmg_container
       {
        width:94%;
        padding:3%;  
    }
	
	.DnnModule
	{
	   width:100%;
	   position:relative;
	   float:left;
	}
	.dmg_content
	{
	   position:relative;
	   float:left;
	   width:100%;
	}
    
    /*MENU HEADER*/
    .dmg_menu
    {
      width:100%;
      height:auto;
      border-bottom:solid 1px #a6b1c5;
      position: relative;
      float: left;
    }
    
    .dmg_logo
    {
      width:35%;
      height:100%;
      position:relative;
      float:left;
    }
    
    .dmg_botonera
      {
        width:65%;
        height:100%; 
        float:left;
        position:relative;
        line-height: 35px;
    }
    
	
    
    .dmg_social,.dmg_buscador,.dmg_buscador_cerrar,.dmg_login
      {
      display:none;
    }
 
}


/*ARTICULOS*/
/*lista*/
article.listview
{
   width:100%;
   position:relative;
   float:left;
}

@media (min-width:600px)
{
	article.listview div:nth-child(1)
	{
		min-width:30%;
		width:30%;
		float:left;
		position:relative;
	}

	article.listview div:nth-child(2)
	{
		width:67%;
		margin-left:3%;
		float:left;
		position:relative;
	}
	
	article.detailview .image-half-right
	{
		float:right;
		position:relative;
		width:40%;
		margin:0 2% 2% 2%;
	}
	
	article.detailview .image-half-left
	{
		float:left;
		position:relative;
		width:40%;
		margin:0 2% 2% 2%;
	}
	
	article.detailview .image-full
	{
		float:left;
		position:relative;
		width:100%;
		margin:0 2% 2% 2%;
	}
	
	article.detailview .image-full img,
	article.detailview .image-half-left img,
	article.detailview .image-half-right img
	{
		width:100%;
		height:auto;
	}
}

@media (max-width:599px)
{
	article.listview div:nth-child(1)
	{
		width:100%;
		float:left;
		position:relative;
	}

	article.listview div:nth-child(2)
	{
		width:100%;
		float:left;
		position:relative;
		text-align:justify;
	}
}

article.detailview .article_top
{
   position:relative;
   float:left;
   width:100%;
}

article.detailview .article_back
{
	position:relative;
	text-align:left;
	float:left;
	width:50%;
}

article.detailview .article_back div:nth-child(1)
{
	font: 400 1em/1.5em 'Raleway', sans-serif; -webkit-margin-after: 0.2em; color:#ffffff;
	background-color: #f7a8a5;
	margin-right:2%;
	text-align:center;
	float:left;
	height:24px;
	width:24px;
	line-height:24px;
	position:relative;
}

article.detailview .article_back div:nth-child(2)
{
	font: 400 1em/1.5em 'Raleway', sans-serif; -webkit-margin-after: 0.2em; color:#f7a8a5;
	float:left;
	position:relative;
	height:24px;
	line-height:24px;
}

article.detailview .social_shared
{
	position:relative;
	font: 500 0.9em/1.3em 'Raleway', sans-serif; -webkit-margin-after: 0.2em; color:#213a70;
	text-align:right;
	float:left;
	line-height:24px;
	width:50%;
}

article.detailview .social_shared div
{
   position:relative;
   float:right;
   margin-right:2%;
   width:auto;
   height:16px;
   line-height:16px;
}


/*ESTILOS HOJA GENERAL DEL SITIO*/


/*AGREGADAS POR DAM PARA EL ADMIN DEL SITIO*/
.AdminTitle
{
    font: 400 1em/1.5em 'Raleway', sans-serif; -webkit-margin-after: 0.2em; color:#ffffff;
	background-color: #f7a8a5;
	float:left;
	line-height:1em/1.5em;
	margin-top:5px;
	margin-bottom:5px;
}

.AdminTitle span
{
	margin:2px 5px 2px 5px;
}

.clear {clear:both;}


h1 	{ font: 200 3.1em/1em 'Raleway', sans-serif; -webkit-margin-after: 0.2em; color:#213a70; letter-spacing: -0.025em;}

h2 	{ font: 200 1.7em/1em 'Raleway', sans-serif; -webkit-margin-after: 0.2em; color:#213a70; letter-spacing: -0.025em;}

h3 	{ font: 400 0.95em/1.3em 'Raleway', sans-serif; -webkit-margin-after: 0.2em; color:#f26e69;}

h3 em { font-size: 1.5em; font-weight: 600; text-transform: uppercase; font-style: normal;}

.sobretitulo { display: initial; padding: 0.2em 0.5em; background-color: #f7a8a5; color: #ffffff;}

h4 	{ font: 600 0.9em/1.4em 'Raleway', sans-serif; -webkit-margin-after: 0.5em; -webkit-margin-before: 0.0em; color:#3076c0;}

h5 	{ font: 700 0.9em/1.4em 'Lato', sans-serif; -webkit-margin-after: 0.2em; letter-spacing: -0.015em; color:#3076c0;}

p, li	{ font: 400 0.85em/1.4em 'Lato', sans-serif; color:#666666; -webkit-margin-before: 0em; -webkit-margin-after: 1em; }

p a { color:#3076c0; font-weight: 600; text-decoration: none; }

p a:hover { color:#27609c; text-decoration: underline;  } 


strong { color:#404040; }


ul, ol{ list-style-image: url('/Portals/0/Images/Articles/list_item_bullet.png'); -webkit-padding-start: 2em; -webkit-margin-after: 0.3em;}

li	{ -webkit-margin-after: 0.3em }

a	{ color:inherit;}

hr	{}

.at4-share-title {
    font: 400 0.7em/2em 'Lato', sans-serif;
    text-transform: lowercase;
}