/* CSS Document */
header,nav,section,article,aside,footer,figure{
	display:block;
}

header{
	border-bottom:5px solid #7AAF47;
	padding-bottom:20px;
	background:url(../img/bghead.jpg) repeat;
}

body{
	font-family:'Lato', Calibri, Arial, sans-serif;
	padding:0px;
	margin:0px;
	font-size:14px;
    color: #565655;
	
}



img{
	border:none;
}

ul{
	margin:0px;
	padding:0px;
}

ul li{
	list-style:none;
}

a{
	text-decoration:none;
}

a img{
	border:none;
}

p {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
}

.contenedor{   
	width:980px;
	margin:auto;
}



.contenedor-menu{
	width:980px;
	margin:auto;
}



.topsection {
    background: #7AAF47;
    padding-top: 6px;
    padding-bottom: 4px;
    width: 260px;
    float: right;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.logo-direccion{
    width: 75px;
	float: left;
    display: block;
	margin-top: 8px;
	margin-right:5px;
}

.logo-dredm {
    margin-top: 10px;
    float: left;
    display: block;
}

.supmenu{
	float:right;
}

.supmenu li{
	display:block;
	float:left;
	padding-right:6px;
	border-right:1px solid #fff;
}

.supmenu li a {
    display: block;
    color: #fff;
    font-size: 12px;
    padding-left: 18px;
    margin-left: 5px;
    margin-right: 5px;
}

.supmenu li a:hover {
    color: #000;
}

.supmenu li:last-child{
	border-right:none;
}

.logos{
	float:left;
}



nav{
	background:#565655;
}

.fondo{
	
}

.supmenu li a.home {
    background: url(../img/icon-home.png) 4px center no-repeat;
}

.supmenu li a.mail {
    background: url(../img/icon-mail.png) 4px center no-repeat;
}

.supmenu li a.contact {
    background: url(../img/icon-user.png) 4px center no-repeat;
}

.supmenu li a.buscar {
    background: url(../img/icon-buscar.png) 4px center no-repeat;
}

.supmenu li a.home:hover {
    background: url(../img/icon-home1.png) 4px center no-repeat;
}

.supmenu li a.mail:hover {
    background: url(../img/icon-mail1.png) 4px center no-repeat;
}

.supmenu li a.contact:hover {
    background: url(../img/icon-user1.png) 4px center no-repeat;
}

.supmenu li a.buscar:hover {
    background: url(../img/icon-buscar1.png) 4px center no-repeat;
}

.social{
	display:block;
	float:right;
    margin-top: 15px;
}

.social strong {
    margin-top: 5px;
    display: block;
    font-size: 16px;
    color: #565655;
}

.social li{
	display:block;
	float:left;
	margin-left:5px;
}

.col{
	width:25%;
	float:left;
}



.cl{
	clear:both;
}

.izq{
	float:left;
}

.der{
	float:right;
}


h1{
	background:url(../img/guion.png) left top no-repeat;
	display:block;
    color:#fff;
    font-weight: normal;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 21px;
}

h1 span{
	background:url(../img/vineta.png) 10px 11px no-repeat;
	padding-left:40px;
	display:block;
	padding-top:6px;
	padding-bottom:6px;
}

h3{
	display:block;
    color:#439455;
    font-weight: normal;
    margin-top: 0px;
    text-transform: uppercase;
    font-size: 21px;
}

h3 span{
	background:url(../img/vineta1.png) 10px 11px no-repeat;
	padding-left:40px;
	display:block;
	padding-top:6px;
	padding-bottom:6px;
}

#camera_wrap_2{
	max-height:326px;
}

#blog .col{
	width:64%;
}

.fecha{
	font-size:14px;
	color:#999;
	padding-left: 17px;
	background:url(../img/ico_calendar.png) left center no-repeat;
}

article {
    border-bottom: 1px #C0C0C0 solid;
	padding-bottom:20px;
	margin-bottom:20px;
}

article h4{
    width: 100%;
    margin: 10px 0px 10px 0px;
    font-size: 22px;
    float: left;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
}

article h4 a{
    color: #484848;
    text-align: justify;
}

article .img-principal{
	display:block;
	float: left;
	width:200px;
	height:150px;
}

article .img-principal img{
	display:block;
	padding:4px;
	border:1px solid #ccc;
	width:100%;
}

article .img-principal img:hover{
	border:1px solid #ED7C5C;
}

article .text-desc{
	display:block;
	width:400px;
	float:right;
}

article .text-descList{
	display:block;
	width:740px;
	float:right;
}
p {text-align:justify; } 

article .text-desc p {
	margin-top: 0px;
    display: block;
    float: right;
    font-size: 14px;
    text-align: justify;
	margin-bottom: 5px;
    height: 125px;
}

.btn{
	display:block;
	padding: 5px 0 5px 0px;
}

.vermas{
	
    color: #AFB71C;
	text-decoration:underline;
    text-align: center;
    width: 30%;
    font-weight: normal;
    
    
	margin-left:5px;
}

.vermas:hover{
	color: #919717;
}

#blog .col-last{
	width:33%;
	padding-left:1%;
	border-left:1px solid #ccc;
	float:right;
}




.separador{
	clear:both;
	height:20px;
}

/* ---- Enlaces ---- */

#enlaces {
	padding-top:20px;
	padding-bottom:20px;
}

.enlaces {
	margin-bottom:10px;
}


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

footer h4{
	font-size: 18px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
    margin-bottom: 22px;
	color:#8EBB93;
}

footer .col{
	width:19%;
	margin-right:1%;
}

footer .col ul li:first-child{
	font-weight:bold;
	font-size:14px;
	margin-top:15px;
	margin-bottom:5px;
	color:#74BF98;
}

footer .col ul li{
	margin-bottom:5px;
}

footer .col ul li a{
	font-weight:normal;
	color:#6BA570;
}

footer .col ul li a:hover{
	color:#B5E68D;
}

/* ---- footer ---- */

#footer2{
	background:#2E4028;
	padding-top: 10px;
    padding-bottom: 10px;
}

footer #footer2 .col{
	width:25%;
	margin-right:0px;
}

.data-contact{
	display:block;
	margin-top:20px;
	margin-bottom:20px;
}

.data-contact li{
	display:block;
	color:#5F8352;
	margin-bottom:10px;
}

.data-contact li strong{
	font-size:16px;
	font-family: 'Roboto Condensed', sans-serif;
	color:#6C955E;
}

.data-contact li.mail{
	padding-left:24px;
}

.data-contact li.phone{
	background:url(../img/phone.png) 1px 1px no-repeat;
	padding-left:24px;
}

.data-contact li.dir{
	background:url(../img/dir.png) 1px 1px no-repeat;
	padding-left:24px;
}

.data-contact li.hor{
	background:url(../img/clock.png) 1px 1px no-repeat;
	padding-left:24px;
}

.copyright{
	float:left;
}

.firma{
	float:right;
}

footer{
	background:#4F8053;
	color:#fff;
}

footer a{
	color:#FFFFFF;
}

footer #footer2 hr {
    border: #537348 1px solid;
}

footer #footer2 a:hover {
    color:#7AAF47;
}

footer #footer2 a, footer #footer2 p{
	color:#537348;
}

/* ---- Interna Noticias ---- */

#blog-interna .col{
	width:100%;
}

#blog-interna .fecha {
    font-size: 18px;
	background:url(../img/ico_calendar1.png) 0px 3px no-repeat;
	padding-left: 24px;
}

#blog-interna article h4 {
    width: 100%;
    margin: 10px 0px 25px 0px;
    font-size: 26px;
}

.contenido-noticia p{
	text-align:justify;
}

.contenido-noticia .img-interna{
	display:block;
	float: left;
	padding:4px;
	border:1px solid #ccc;
	margin-right:10px;
	margin-bottom:0px;
}

.share-buttons{
	float:left;
	display:block;
}

#blog-interna .vermas{
	float:right;
}

.separador-responsive{
	display:none;
}




/************************************/
#divAcceso{ float:right; width:35%; background:#E4E4E4;   padding:2%; 
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border: 1px solid #BBBBBB; }
#EtiqUsu{  width:30%; float:left;   padding:5px 0px 5px 0px;}
#EtiqCam{ width:63%; float:left; }
.txtexto{ width:100%; padding:5px; }
.btnform{ border:none;
	background: #AFB71C;
    color: #FFFFFF;
    text-align: center;
    width: 100px;
    font-weight: normal;
    margin-top:5%   ;
    font-size: 1em;	 
	padding:5px;
	 
}
#msjAcceso{ font-size:1em; color:#FF0000; text-align:left; width:100%; background:url(../img/error.png) no-repeat 0px 2px;
  padding-left:19px; margin-top:4px;  }
/******************************************/
/***    DISEÑO PARA TABLETAS           ****/
/******************************************/

@media only screen and (max-width:1024px){
	.contenedor{
		width:96%;
		height:auto;
		padding-left:2%;
		padding-right:2%;
	}
	.contenedor-menu{
		width:100%;
		height:auto;
		margin:auto;
	}
	.clssActividades {
    	width: 48%;
    	margin: 0px 0% 13px 1%;
	}
	#ClssComunicadossGnrel img {
		width: 100%;
	}
	article .img-principal {
	    float: none;
	    width: 99%;
	    height: auto;
		/*display:none;*/
	}
	article .text-desc {
    	display: block;
    	width: 100%;
    	float: none;
	}
	article .text-desc p {
    	margin-top: 0px;
    	float: none;
    	margin-bottom: 10px;
    	height: auto;
	}
}

@media only screen and (max-width:900px){
	.topsection {
    	background: #7AAF47;
	    padding-top: 6px;
	    padding-bottom: 4px;
	    width: 100%;
	    float: none;
	    clear: both;
	    text-align: center;
	    max-width: 300px;
	    margin: auto;
	}
	.supmenu {
	    float: none;
	    display: inline-block;
	}
	footer #footer2 .col {
		width: 48%;
		margin-right: 0px;
	}		
}

@media only screen and (max-width:810px){
	.social li:first-child {
    	float: none;
	}
	.social {
    	display: block;
	    float: none;
	    text-align: center;
	    margin: auto;
	    margin-top: 10px;
	    clear: both;
	    max-width: 115px; /* Cambia aquí si añades otra red social */
	}
	footer .col {
	    width: 24%;
	    margin-right: 1%;
	}
	.logos {
    	float: none;
    	display: block;
    	margin: auto;
		text-align: center;
	    width: 100%;
	    margin-top: 10px;
	}
	.logos img{
		display:inline-block;
		text-align:center;
		float:none;
	}
	article .img-principal img {
    	width: 99%;
		float: left;
	}
	article .text-desc p {
	    height: auto;
		float: none;
	    margin-top: 5px;
    	margin-bottom: 10px;
	}
	#blog .col {
		width: 100%;
		float: none;
	}
	.clssActividades {
	    width: 48%;
    	margin: 0px 0% 13px 1%;
	}
	#blog .col-last {
	    width: 100%;
	    padding-left: 0;
	    border-left: none;
	    float: none;
	}
	.avisos{
		padding-left:0px;
		padding-right:0px;
	}
	.informescaja {
    	padding-left: 0;
   		padding-right: 0;
	}
	.tblcalendar {
	    font-size: 14px;
    	width: 100%;
	    margin-left: 0;
		
	}
	.evento{
		margin-left:0px;
		margin-right:0px;
	}
	.blogs {
    	margin-left: 0;
    	margin-right: 0;
	}
	footer .col {
    	width: 33%;
    	margin-right: 0;
    	text-align: center;
	}
	.separador-responsive{
		display:block;
		clear:both;
	}
	.copyright, .firma {
    	float: none;
		width:100%;
		text-align:center;
	}
	#conainerCarrusel {
	display:none;
	}	
	
	
	/***IMPORTANTE PARA BANNER MENOR WITHD***/
	#anuncio{ display:none; }
	.sy-slides-wrap{ width:95%; height:100%;  } 
	#slider img{ width:100%; height:100%; }
	
	
	
	

}

@media only screen and (max-width:710px){
	footer #footer2 .col {
		width: 100%;
		margin-right: 0px;
	}
	.data-contact {
	    display: block;
	    margin-top: 20px;
	    margin-bottom: 20px;
	    width: 100%;
	    text-align: center;
	}
	.data-contact li {
	    display: table;
	    clear: both;
    	margin: auto;
	}
	.contenido-noticia .img-interna {
	    float: none;
	    margin-right: 0;
	    width: 99%;
	}
	#carousel {
	display:none;
	}
	
	
	iframe{ display:block; }
	.clssTemp{ display:block; }
	
    #divAcceso{  width:96%;    margin:auto ; padding:2%;  }
#EtiqUsu{  width:93%; float:left;  }
#EtiqCam{ width:93%; float:left;  }

	#imgBoock{ display:none; }
	

}

@media only screen and (max-width:600px){
	.logo-dredm{
		width:100%;
		max-width:500px;
	}
	footer .col {
    	width: 50%;
    	margin-right: 0;
    	text-align: center;
	}
	.separador-responsive{
		display:none;
	}
	
	#ClssComunicadossGnrel a img{ /*display:none;*/}
	.contenido-agenda1{ width:100%; float:none;}
	.contenido-agenda2{ width:100%; float:none; }
	iframe{ display:none; }
	.clssTemp{ display:none; }
	
	
}

@media only screen and (max-width:520px){
	.clssActividades {
		width: 97%;
		margin: 0px 0% 13px 1%;
	}
}

@media only screen and (max-width:480px){
	footer .col {
    	width: 100%;
    	margin-right: 0;
    	text-align: center;
	}
	.share-buttons {
	    float: none;
	    display: block;
	    width: 100%;
	    margin-bottom: 20px;
	}
	#blog-interna .vermas {
	     width:100%;
	    display: block;
	    margin: auto;
	}
}

@media only screen and (max-width:320px){
	#foto2{
		width:100%;
		height:auto;
	}
	
	
	#ClssComunicadossGnrel {
		/*width: 98% !important;
		display:none;*/
		width: 31% !important;
	}

	#ClssComunicadossGnrel a img{ 
		width: 100%;
		
	}	
}

/*****************/
#frmContacto{ padding-top:1%; }
.ClssContactoTexto{ border:#CCCCCC solid 1px; width:100%; padding:7px 0px 7px 0px; 
font-family: "Lato",Calibri,Arial,sans-serif; font-size:14px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; margin-top:3px; }
.ClssContactoTextoArea{ border:#CCCCCC solid 1px; width:100%; height:90px; padding:5px; 
font-family: "Lato",Calibri,Arial,sans-serif;font-size:14px; }


#ClssComunicadossGnrel {  width:32%; margin-left:1%; float:left;  }

/****** unidades ***/
ul.funcionesUnidades li  {
  text-align:justify;
  display: block;
  padding: .5em 0 .3em .8em;
  text-decoration: none;
}

#tblComparacion01{ border:1px #FFFFFF solid; background:#E5EFD6; width:70%; }
#tblComparacion01 td{ border:1px #FFFFFF solid; padding:4px; }
.tblComparacion01_titulo{  background:#8DBD50; color:#FFFFFF; }
.tblComparacion01_td01{  background:#C8DFAB; }


#tblRegistroLibro{   width:100%; background:#F4F4F4; padding:1%; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; }
#tblRegistroLibro td{ padding:5px 2px 2px 2px; height:25px; }


ul#vineta01 li{ list-style-image:  url(../img/vineta_il01.png); padding:4px; margin-left:25px; }
/**** DOCUMENTOS ******/
.contenido-documentos p{
	text-align:justify; 
}

.clssDocumento{ border:1px solid #E30412; padding:4px; border-radius: 5px 5px 5px 5px;
-moz-border-radius: 5px 5px 5px 5px; color:#E30412;
-webkit-border-radius: 5px 5px 5px 5px; 
 }
 
 #tblconvocatoria{  border-top:1px #ED7C5C solid;  border-left:1px #ED7C5C solid;  }
 .tblconvocatoria_title{ background:#ED7C5C; color:#FFFFFF; padding:5px; }
 .tblconvocatoria_content {  color:#666666; font-size:12px;padding:5px; }
  .tblconvocatoria_content span{ color:#333333;  }
  .tblconvocatoria_content span a { color:#FF0000; text-decoration:underline; }
 #tblconvocatoria td{  border-bottom:1px #ED7C5C solid; border-right:1px #ED7C5C solid; }

 /*MENSAJES DE ERROR *************************/
 /**eroor  */
input.error{	background:#FFFFCB; border:#D2D689 1px solid;  box-shadow: inset   0px  0px 12px  #FFFFBB; }				 
textarea.error{	background:#FFFFCB; border:#D2D689 1px solid;  box-shadow: inset   0px  0px 12px  #FFFFBB; }				
select.error{	background:#FFFFCB; border:#D2D689 1px solid;  box-shadow: inset   0px  0px 12px  #FFFFBB; }
.errorrbtn{		background:#FFFFCB; border:#D2D689 1px solid;  box-shadow: inset   0px  0px 12px  #FFFFBB; height:22px; padding-top:6px; }
.errorTable{	background:#FFFFCB; border:#D2D689 1px solid; width:100%; padding:15px 0px 15px 0px; }