/*
Template Name: Elegant Typo
File: Layout CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>
*/

@import url(homepage.css);
@import url(navi.css);
@import url(forms.css);
@import url(otrosStylos.css);
@import url(cssDX1.css);
@import url(cssDX2.css);
@import url(cssDX3.css);

body{
	margin:0;
	padding:0;
	font-family: Arial, verdana, Helvetica, sans-serif;
	color:#666666;
	background-color:#FFFFFF;
	}

img{border:0; padding:0; margin:0;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart {list-style-type:none; margin:0; padding:0;}
.clear{clear:both;}
br.clear{clear:both; margin-top:-15px;}
a{outline:none; text-decoration:none;}

.fl_left{float:left;}
.fl_right{float:right;}

.imgl, .imgr{border:1px solid #6A604F; padding:5px; color:#666666; background-color:#F7F7F7;}
.imgl{float:left; margin:0 8px 8px 0; clear:left;}
.imgr{float:right; margin:0 0 8px 8px; clear:right;}


.groupAjustarDivCabecera:after {
    content:"";
    display: table;
    clear: both;
}

.leftAjustarDivCabecera {
    float: left;
    width: 88%;
}
.rightAjustarDivCabecera {
    float: right;
    width: 12%;
}
        
/* ----------------------------------------------Container-------------------------------------*/

@media only screen and (min-device-width:320px) and (max-device-width:961px){      
    #container {
        position:relative;
        margin:0 auto;
        padding: 0;
	    text-align:left;
        width: 98% !important;
        background-color:White;
        font-size:1em;
        text-rendering: optimizeLegibility !important; 
    }
    
    #containerInicio {
        position:relative;
        margin:0 auto;
        padding: 0;
	    text-align:left;
        width: 98% !important;
        background-color:White;
        font-size:1em;
        text-rendering: optimizeLegibility !important; 
    }
    
    .imagenCabecera 
    {
        visibility:hidden;
        width:0; 
        height:0;
    }
    
    .logo 
    {
        max-width:30%;
        max-height:60px;
        position:absolute;
        top:0;
        left:0;
        overflow:hidden;
    }
    
    .logoInicio 
    {
        max-width:30%;
        max-height:60px;
        position:absolute;
        top:0;
        left:0;
        overflow:hidden;
    }
    
    #estilosAlertas
    {
        width:85%
    }
    
    .slide_likebox
    {
        visibility:hidden;    
    }
    
    .estiloTituloOpciones
    {
        visibility:hidden;   
    }
    
    #breadcrumb
    {
        display:none;
    }
    
    .cTituloPrincipal
    {
        Font-Size:0.59em;
    }
    
    body h2
    {
        font-size:1.1em;
    }
    
    .cssPaginasGrid
    {
       display:none;          
    }
    
    .leftAjustarDivCabecera, .rightAjustarDivCabecera
    {
        float: none;
        width: auto;
    }
    
    .groupAjustarDivBotonesAsistente
    {
        padding: 1px 1px 1px 1px;
        width: 182px;
        margin: auto;
    }
    
    .combosAplicacion
    {
        width:170px !important;
        height:25px !important;
        font-size:1.2 !important;
        border:1px solid #9F9F9F;
        padding:1px;
        /*background-image: url('../App_Themes/images/botonCombobox.png');
        background-position: 99% center;
        background-repeat: no-repeat;
        -webkit-appearance: button;
        -moz-appearance: button;*/
    } 
    
    .combosAplicacion2
    {
        height:25px !important;
        font-size:1.2 !important;
        border:1px solid #9F9F9F;
        padding:1px;
        /*background-image: url('../App_Themes/images/botonCombobox.png');
        background-position: 99% center;
        background-repeat: no-repeat;
        -webkit-appearance: button;
        -moz-appearance: button;*/
    } 
    
    .comboDocumentos
    {
        width:212px !important;
        height:25px !important;
        font-size:1.2 !important;
        border:1px solid #9F9F9F;
        padding:1px;
        /*background-image: url('../App_Themes/images/botonCombobox.png');
        background-position: 99% center;
        background-repeat: no-repeat;
        -webkit-appearance: button;
        -moz-appearance: button;*/
    }
    
    .combo_encuestas
    {
        height:25px !important;
        font-size:1.2 !important;
        border:1px solid #9F9F9F;
        padding:1px;
        /*background-image: url('../App_Themes/images/botonCombobox.png');
        background-position: 99% center;
        background-repeat: no-repeat;
        -webkit-appearance: button;
        -moz-appearance: button;*/
    }
    
}

@media only screen and (min-device-width:962px) and (max-device-width:1920px)  
{
    #container {
        position:relative;
        margin:0 auto;
        padding: 0;
	    text-align:left;
        width: 960px;
        background-color:White;
        font-size:13px;
        text-rendering: optimizeLegibility !important; 
    }
    
    #containerInicio {
        position:relative;
        margin:0 auto;
        padding: 0;
	    text-align:left;
        width: 96%;
        background-color:White;
        font-size:13px;
        text-rendering: optimizeLegibility !important; 
    }
        
    .imagenCabecera 
    {
        visibility:visible;
        min-width:287px;
        height:174px;
    }
    
    .logo 
    {
        max-width:30%;
        max-height:80px;
        position:absolute;
        top:0;
        left:0;
        overflow:hidden;
    }
    
    .logoInicio 
    {
        max-width:20%;
        max-height:60px;
        position:absolute;
        top:0;
        left:0;
        overflow:hidden;
    }
    
    #estilosAlertas
    {
        width:65%
    }
    
    .slide_likebox
    {
        visibility:visible;    
    }
    
    .estiloTituloOpciones
    {
        visibility:visible;   
    }
    
    #breadcrumb
    {
        display:block;
    }
    
    .cssPaginasGrid
    {
        display:block;
    }
    
    .groupAjustarDivBotonesAsistente
    {
        padding: 1px 1px 1px 1px;
    }
    
    .combosAplicacion
    {
        width:170px !important;
        border:1px solid #9F9F9F;
        padding:1px;
        /*background-image: url('../App_Themes/images/botonCombobox.png');
        background-position: 99% center;
        background-repeat: no-repeat;
        -webkit-appearance: button;
        -moz-appearance: button;*/
    } 
    
    .comboDocumentos
    {
        width:212px !important;
        border:1px solid #9F9F9F;
        padding:1px;
        /*background-image: url('../App_Themes/images/botonCombobox.png');
        background-position: 99% center;
        background-repeat: no-repeat;
        -webkit-appearance: button;
        -moz-appearance: button;*/
    }
    
    .combo_encuestas
    {
        border:1px solid #9F9F9F;
        padding:1px;
        /*background-image: url('../App_Themes/images/botonCombobox.png');
        background-position: 99% center;
        background-repeat: no-repeat;
        -webkit-appearance: button;
        -moz-appearance: button;*/
    }
    
}

.cssNombreUsuario
{
    Font-Size: 13px !important;
}    

	
/* ----------------------------------------------Head 108 -------------------------------------*/

#head
{
    /* Fija cabecera */
    display: block;
    width: 100%;
    height: 100px;
    margin-bottom: 20px;
    border-bottom: 1px solid #CCCCCC;
}

#head a{color:#660000; background-color:#FFFFFF;}

#head .last{margin-right:0;}
#head ul{margin:0; padding:0; list-style:none;}
#head li{display:inline;}

/* ----------------------------------------------Head Anuncios -------------------------------------*/

#headInicio
{
    /* Fija cabecera */
    display: block;
    width: 100%;
    height: 100px;
    margin-bottom: 20px;
    border-bottom: 1px solid #CCCCCC;
}

@media only screen and (min-device-width:320px) and (max-device-width:961px)   
{
    #headInicio
    {
        height: 200px;
    }
}

/*@media only screen and (min-device-width:962px) and (max-device-width:1920px)
{
    #headInicio
    {
        height: 100px;
    }        
}*/

#headInicio a{color:#660000; background-color:#FFFFFF;}

#headInicio .last{margin-right:0;}
#headInicio ul{margin:0; padding:0; list-style:none;}
#headInicio li{display:inline;}

#logo{display:block; float:left; margin-top:6px; font-family: Arial, verdana, Helvetica, sans-serif}
#logo h1{margin:0; padding:0; font-weight:normal; }
#logo h1 a{color:#660000; background-color:#FFFFFF; cursor:pointer;}
#logo h1 a strong{display:block; float:left; color:#FFFFFF; background-color:#660000; font-weight:normal;}
#logo h1 a span{display:block; float:left;  color:#660000; background-color:#FFFFFF; font-weight:normal;}
#logo h1 a strong span{display:inline; float:none; color:#FFFFFF; background-color:#660000;}

#social{display:block; float:right; margin-top:4px;}

#social li{margin-right:4px; cursor:pointer; color:#333333; font-family: Arial, verdana, Helvetica, sans-serif;}

#quicklinks{
	position:absolute;
	top:73px; 
	right:0;
	color:#660000;
	background-color:#FFFFFF;
	font-family: Arial, verdana, Helvetica, sans-serif;
	z-index: 1;
	}

#quicklinks li{
	display:inline;
	margin-right:8px;
	padding-right:10px;
	border-right:1px solid #CCCCCC;
	}

@media only screen and (min-device-width:320px) and (max-device-width:961px)   
{
    #quicklinks li.opcionDisponible
    {
        display:none;
    }
    
    #quicklinks li.last
    {
	    margin-right:0;
	    padding-right:0;
	    border-right:none;
	    /*display:none;*/
	}
	
	#quicklinks li.lastOpcionDisponible
	{
	    margin-right:0;
	    padding-right:0;
	    border-right:none;
	}
}

@media only screen and (min-device-width:962px) and (max-device-width:1920px)
{ 
    #quicklinks li.opcionDisponible
    {
        display:inline;
    }
    
    #quicklinks li.last
    {
	    margin-right:0;
	    padding-right:0;
	    border-right:none;
	}
	
	#quicklinks li.lastOpcionDisponible
	{
	    
	}
}

/* ----------------------------------------------Wrapper-------------------------------------*/

#wrapper
{
    /* cuerpo mobible */
	display:block;
	width:100%;
	margin-bottom:10px;
	line-height:1.6em;
}

#wrapper h1, #wrapper h2, #wrapper h3, #wrapper h4, #wrapper h5, #wrapper h6{
	margin:0 0 15px 0;
	padding:0 0 8px 0;
	line-height:normal;
	font-weight:normal;
	color:#555555;
	font-family: Arial, verdana, Helvetica, sans-serif;
	}

#wrapper a{
	color:#660000;
	background-color:#FFFFFF;
	}

/* ----------------------------------------------BreadCrumb-------------------------------------*/

@media only screen and (min-device-width:962px) and (max-device-width:1920px)   
{
    #breadcrumb
    {
        font-family:Verdana, Arial, Helvetica, sans-serif !important;
        font-size:11px !important;
    }
}

#breadcrumb
{
    /* position:absolute; */
    
	/*display:block;*/
	width:100%;
	margin:0 0 20px 0;
	padding:0 0 8px 0;
	margin-top:-12px;
	border-bottom:1px solid #CCCCCC;
}

#breadcrumb ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#breadcrumb ul li{display:inline;}
#breadcrumb ul li.current a{text-decoration:underline;}

/* ----------------------------------------------Content-------------------------------------*/

#content{
	display:block;
	float:left;
	width:640px;
	}

/* ------Comments-----*/

#comments{margin-bottom:40px;}

#comments .commentlist {margin:0; padding:0;}

#comments .commentlist ul{margin:0; padding:0; list-style:none;}

#comments .commentlist li.comment_odd, #comments .commentlist li.comment_even{margin:0 0 10px 0; padding:15px; list-style:none;}

#comments .commentlist li.comment_odd{color:#666666; background-color:#F7F7F7;}
#comments .commentlist li.comment_odd a{color:#660000; background-color:#F7F7F7;}

#comments .commentlist li.comment_even{color:#666666; background-color:#E8E8E8;}
#comments .commentlist li.comment_even a{color:#660000; background-color:#E8E8E8;}

#comments .commentlist .author .name{font-weight:bold;}

#comments .commentlist p{margin:10px 5px 10px 0; padding:0; font-weight: normal;text-transform: none;}

#comments .commentlist li .avatar{float:right; border:1px solid #EEEEEE; margin:0 0 0 10px;}


/* --------Anuncios--------- */

@media only screen and (min-device-width:320px) and (max-device-width:961px)
{
    #rightblockAnuncios{
	    display:block;
	    float:left;
	    width:98%;
	    margin:0px;
	    padding:0px;
    }
}

@media only screen and (min-device-width:962px) and (max-device-width:1920px)   
{
    #rightblockAnuncios{
	    display:block;
	    float:left;
	    width:69%;
	    margin:0px;
	    padding:0px;
    }
}

.rowAnuncios{
    overflow: hidden;
}

/*.div_anuncios{
	display:block;
	width:100%;
	margin:0;
	padding:0;
	color:#666666; 
	min-height:200px;
    background-color:#F7F7F7; 
}*/

/*@media only screen and (min-device-width:320px) and (max-device-width:961px)   
{
    #rightblockAnuncios .div_anuncios .divContenidoAnuncios  
    {
        width: 100%; 
        vertical-align: top; 
        padding: 4px;
        text-align: left;    
        color:#666666; 
        background-color:#F7F7F7;  
    }
}

@media only screen and (min-device-width:962px) and (max-device-width:1920px)   
{
    #rightblockAnuncios .div_anuncios .divContenidoAnuncios  
    {
        width: 31.5%; 
        display: inline-block; 
        vertical-align: top; 
        padding: 4px;
        text-align: left;
        color:#666666; 
        background-color:#F7F7F7; 
        margin: 2px;
    }
}*/

#rightblockAnuncios .rowAnuncios .author .name{font-weight:bold;}

#rightblockAnuncios .rowAnuncios p{margin:10px 5px 10px 0; padding:0; font-weight: normal;text-transform: none;} 

@media only screen and (min-device-width:320px) and (max-device-width:961px)
{
    #rightblockNoticias{
	    display:block;
	    float:left;
	    width:98%;
	    margin:0px;
	    padding:0px;
    }
}

@media only screen and (min-device-width:962px) and (max-device-width:1920px)   
{
    #rightblockNoticias{
	    display:block;
	    float:left;
	    width:28%;
	    margin:0px;
	    padding:0px;
    }
}

.div_Noticias{
	display:block;
	width:100%;
	margin:0 0 0 0;
	padding:15px 10px;
	color:#666666;
	background-color:#F7F7F7;
}
	
#rightblockNoticias .div_Noticias ul{margin:0; padding:2px; list-style:none;}

#rightblockNoticias .div_Noticias li{margin:0 0 10px 0; padding:15px; list-style:none;}

#rightblockNoticias .div_Noticias h2{
	margin:0;
	padding:0 0 8px 0;
	font-weight:bold;
	color:#333333;
	background-color:#F7F7F7;
	line-height:normal;
}

#rightblockNoticias .div_Noticias p{
	margin:margin:10px 5px 10px 0;
	padding:0;
	font-weight: normal;
	text-transform: none;
}

#rightblockNoticias .div_Noticias a{color:#660000; background-color:#F7F7F7;}

#rightblockNoticias .div_Noticias .author .name{font-weight:bold;}


/* ----------------------------------------------Right Block-------------------------------------*/

#rightblock{
	display:block;
	float:right;
	width:250px;
	margin:0px;
	padding:0px;
	}

.holder{
	display:block;
	width:230px;
	margin:40px 0 0 0;
	padding:15px 10px;
	color:#666666;
	background-color:#F7F7F7;
	}

#rightblock .last{
	margin-bottom:0;
	}

#rightblock .holder h2{
	margin:0;
	padding:0 0 8px 0;
	font-weight:bold;
	color:#333333;
	background-color:#F7F7F7;
	line-height:normal;
	border-bottom:1px solid #CCCCCC;
	}

#rightblock .holder p{
	margin:15px 0;
	padding:0;
	}

#rightblock .holder a{color:#660000; background-color:#F7F7F7;}

#rightblock .holder .readmore{display:block; font-weight:bold; line-height:normal; width:100%; text-align:right;}

/* ----------------------------------------------Footer-------------------------------------*/

#footer
{
	display:block;
	width:960px;
	margin:0;
	padding:20px 0;
	border-top:1px solid #CCCCCC;
}

#footer a{color:#660000; background-color:#FFFFFF;}

#footer h2{
	margin:0 0 10px 0;
	padding:0 0 6px 0;
	font-weight:normal;
	font-family: Arial, verdana, Helvetica, sans-serif;
	color:#333333;
	background-color:#FFFFFF;
	line-height:normal;
	border-bottom:1px solid #CCCCCC;
	}

#contactform{
	display:block;
	float:left;
	width:350px;
	}

#footermap{
	display:block;
	float:left;
	width:560px;
	}
	
#footermap ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#footermap li{
	margin:0 0 11px 0;
	}

#footermap li.last{
	margin:0;
	}	
	
#footermap a 
{
	color:#666666;background-color:#FFFFFF;}
	
#footermap a:hover { text-decoration:underline	}

/* ------Company Details------*/

#compdetails{
	display:block;
	float:right;
	width:360px;
	}

#compdetails ul{
	margin:0;
	padding:0;
	list-style:none;
	}

#compdetails li{
	margin:0 0 12px 0;
	}

#compdetails li.last{
	margin:0;
	}

#officialdetails{float:left;
    height: 140px;
}
#officialdetails li.last{margin-bottom:20px;}

#contactdetails{float:right}

/* ------Copyright------*/

@media only screen and (min-device-width:320px) and (max-device-width:961px)
{      
  #copyright{
	display:block;
	float:left;
	width:100%;
	margin:25px 0 0 0;
	padding:20px 0 0 0;
	font-size:0.8em;
	border-top:1px solid #CCCCCC;
  } 
}

@media only screen and (min-device-width:962px) and (max-device-width:1920px)   
{
    #copyright{
	display:block;
	float:left;
	width:100%;
	margin:25px 0 0 0;
	padding:20px 0 0 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	border-top:1px solid #CCCCCC;
  } 
}

#copyright p{
	margin:0;
	padding:0;
	}
	
.itemSeguridadSalud	{
    margin:0 0 10px 0; 
    padding:15px; 
    color:#666666 !important; 
    background-color:#F7F7F7 !important;
}

.tituloSeguridadSalud{
    color:#660000 !important;
    background-color:#F7F7F7 !important;
}

.authorSeguridadSalud {
    font-weight:bold;
}

.nameSeguridadSalud {
    font-weight:bold;
}

.avatarSeguridadSalud {
    float:right; 
    border:1px solid #EEEEEE; 
    margin:0 0 0 10px;
}

.bordesRedondoSeguridadSalud {
    -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

@media only screen and (min-device-width:320px) and (max-device-width:961px) {
    .ContenidoBannerMenuInicio {
        width: 100% !important;
        background-color:#F7F7F7 !important;
    }

    .TextoBannerMenuInicio {
        font-size:large;
        background-color:#F7F7F7 !important;
    }

    .imagenBannerMenuInicio {
        width:100% !important; 
        vertical-align:top;
    }

    .CellBannerMenuInicio{
        text-align:center;
    }
}

@media only screen and (min-device-width:962px) and (max-device-width:1920px) {
    .ContenidoBannerMenuInicio {
        width:100% !important; 
        height:174px !important;
        background-color:#F7F7F7 !important;
    }

    .TextoBannerMenuInicio {
        font-size:large;
        background-color:#F7F7F7 !important;
    }

    .imagenBannerMenuInicio {
        min-width:287px !important; 
        height:174px !important;
        vertical-align:top;
    }

    .CellBannerMenuInicio{
        text-align:center;
    }

    .cssDivAlertas{
        padding-right: 1px;
        background-color:#FDFDFD !important;
    }
}