
html, body {
   margin:0;
   padding:0;
   height:100%;
}

body {
    font-family: 'Open Sans';
    font-size:12px;
    font-weight: normal;
	color:#59464c;
	background: url("../img/fondo.png"); 
}

*:first-child+html body {	
	overflow: visible;
} /** hack para IE7 **/

p, a {
    line-height:1.5;
    padding:0px;
    margin:0px 0px 15px 0px; 
}

h2{
    font-size:16px;
    line-height: 1.5;
    color: #1a2b2b;
}

h3{
    font-size:14px;
    line-height:1.5;
    color: #1a2b2b;
}

legend { 
    line-height:1.5;
    padding:0px;
    margin:0px 0px 15px 0px; 
    color:#fff;
 }
 
#MainWrapper {
   position:relative;
   width:100%;
   min-height:100%;
   overflow: hidden;
}

header {
   width:100%;
   height:auto;
   top:0;
   position: relative;
}

    .Header{
        position: fixed;
        top: 0;
        width:100%;
        height: 50px;
        background: #59464c;
        opacity: 0.8;
        -webkit-opacity: 0.8;
        -moz-opacity: 0.8;
        -op-opacity: 0.8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        z-index:998;
    }
 .Wrapper{
        width:940px;
        height: auto;
        margin: auto;
        padding:0;
 }
    
    .Wrapper h1{
        position: fixed;
        top: -5px;
        width:320px;
        height:44px;
        background-image: url("../img/logo.png");
        background-repeat: no-repeat;
        display: block;
        z-index: 999;
    }
    
        .Wrapper span{
            display: none;
        }

    .nav{
        position: fixed;
        width:100%;
        height:40px;
        top:50px;
        background: #fff;
        border-bottom: 2px solid #59464c;
        z-index:999;
    }
        .WrapperNav{
            width: 940px;
            height: auto;
            margin: auto;
        }
        
            nav{
                width: auto;
                float: right;
            }
        
                nav ul{
                    margin: 0;
                    padding: 0;
                }
                    
                    nav ul li{
                        list-style: none;
                        float: left;
                    }
                    
                    nav li a{
                        font-family: 'Open Sans', sans-serif;
                        font-size: 12px;
                        font-weight: bold;
                        text-decoration: none;
                        text-transform: uppercase;
                        color: #59464c;
                        float: left;
                        padding-top: 13px;
                        margin: 0px 40px 0px 0px;
                    }
                    
                    nav li a:hover{
                        border-top: 2px solid #59464c;
                    }
					
					.active{
						font-family: 'Open Sans', sans-serif;
                        font-size: 12px;
                        font-weight: bold;
                        text-decoration: none;
                        text-transform: uppercase;
                        color: #012626;
					}
                   
                   #ult{
                        padding-top:13px;
                        margin: 0;
                    }
                    
                        .ult:hover{
                            border-top: 2px solid #59464c;
                        }
/*-----SECTION-------*/

section#Slider{
	background-color:#E8E8E8;
    width:100%;
    height: auto;
    position: relative;
    top: 0;
    float:left;
    z-index:1;
    overflow: hidden;
    border-bottom: 2px solid #012626;
}
    
            .sliderContainer{
				position: relative;
				width: 1440px;
				height: auto;
				margin: 0px auto;
			}
				#slider {
					position: relative;
					width: 1440px;
					height: auto;
					margin: auto;
					overflow: hidden;		
				}
					#slider .slide{
						float: left;
						width: 1440px;
						height: auto;
						margin-bottom: -4px;	
					}
  
                .Text{
                    position: absolute;
                    top: 250px;
                    width:450px;
                    height: auto;
                    padding:15px;
                    background-color: rgba(1,38,38,0.7);
                    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F012626,endColorstr=#7F012626);
                }
                
                    .Text h2{
                        text-transform: uppercase;
                        color: #fff;
                        font-weight: bold;
                    }
                    
                    .Text p{
                        color: #fff;
                        font-size: 13px;
                    }


                
section#Cont{
    position: relative;
    width: 940px;
    margin:  auto;
    padding-bottom: 220px;
    overflow: hidden;
}


/*-----ARTICLE------*/

/*--Index---*/

    article.box1{
		position: relative;
        width: 540px;
        height: auto;
        float: left;
        background: #fff;
        padding:30px;
        margin-top:30px;
        border-bottom: 2px solid #59464c;
    }
    
        article.box1 h2{
            text-transform: uppercase;
            line-height: 2;
            border-bottom: 2px solid #012626;
			width: 570px;
			margin: 0px 0px 20px -30px;
			padding-left: 30px;
        }

/*--Servicios---*/
    
    article.box2{
        width: 600px;
        height: auto;
        float: left;
        background: #fff;
        padding:0;
        margin-top:30px;
        border-bottom: 2px solid #59464c;
    }
    
        article.box2 h2{
            text-transform: uppercase;
            border-bottom: 2px solid #012626;
    }
    
    .Accordion { 
        width: 600px; 
        float: left;
        padding: 0;
    }
	
			.titulo{
				background-color: #012626;
				width: auto;
				height: 45px;
				list-style: none;
			}
		
			.Accordion ul{
				list-style: inherit;
				padding-bottom: 40px;
			}
        
		.Accordion ul li{ 
			  background: #fff;
			  line-height:1.5;
			  margin-left: 10px;
			  margin-right: 30px;
			  color: #012626;
			  margin-top:10px;
			  font-weight: bold;
			  float: none;
			  list-style: inherit !important;
			  font-size: 12px;
        }

			.Accordion p{
				padding: 30px;
			}
			
            .Accordion h3{ 
                text-transform: uppercase;
                font-weight: bold;
                font-size:14px;
                color: #fff; 
				line-height: 2;
                margin: 10px 0px 0px 30px;
                padding-left: 35px;
                display: inline-block;
				background-image:url(../img/icon7.png);
				background-repeat:no-repeat;
            }


/*--Clientes---*/

	.clientes{
		padding: 0;
		margin: 0;
	}
		
		.clientes h3{
			font-size: 14px;
		}
		
		.clientes li{
			font-size: 12px;
			color: #012626;
			list-style: none;
			margin-left: 0px;
			padding: 5px 5px 5px 25px;
			background-color: #F4F4F4;
			border-bottom: 1px solid #ccc;
		}

/*--datos de interes---*/

	p.destacado{
		color: #012626;
		font-size: 13px;
	}
	
	span.fecha{
		position: absolute;
		top:40px;
		right:20px;
		color:#333;
		font-size: 13px;
		font-weight:bold;
		display: block !important;
	}
	
	.img_datos{
		width:100%;
		height:200px;
		float: left;
		border:1px solid #012626;
		padding: 3px;
		box-sizing:border-box;
		margin-bottom: 20px;
	}
	
		.img_fancybox{
			margin-top:30px;
			width: 100%;
			height:auto;
			float: left;
		}
	
		.img_fancybox a{
			margin-right:25px;
			width:85px !important;
			height:85px !important;
			border: 1px solid #012626;
			display: block;
			float: left;
		}
		
		.ult_img{
			margin-right: 0px !important;
		}
		
		#adjuntos{
			margin-top: 5px;
			float: left;
		}
		
			#adjuntos h4{
				font-size:14px;
				color: #012626;
			}
			
		.descarga_noticia {
			text-decoration: none;
			float: left;
			padding: 4px 6px 4px 40px;
			margin: 0 15px 15px 0;
			display: block;
			font-weight: 400;
			color: #012626;
			border-left: 2px solid #012626;
		}
		
			.descarga_noticia:hover{
				color: #fff;
				background-color:#012626;
			}
			
			

/*--Contacto---*/
        
        article.FormContact{
            width: 540px;
            height: auto;
            float: left;
            background: #fff;
            padding:30px;
            margin-top:30px;
            border-bottom: 2px solid #59464c;
        }
        
            article.FormContact h2{
                text-transform: uppercase;
                border-bottom: 2px solid #012626;
				width: 570px;
                line-height: 2;
				margin: 0px 0px 20px -30px;
				padding-left: 30px;
            }
		
			article.FormContact  form {
				float:left;
				margin:0px 0px 0px 0px;
                width: 580px;
				height:auto;
				padding:0px 0px 24px 0px;
			}              
                
                    form fieldset {
                        float:left;
                        width:580px !important;
                        margin:0px;
                        padding:10px;
                        border: none;
                    }
                    
                    form label {
                        width:200px;
                        float: left;
                        padding:0;
                        margin: 10px 0 0px 0px;
						font-family: 'Open Sans';
                    }
               
                    form input {
                        float: left;
                        width: 520px;
                        border: 1px solid #1a2b2b;
                        padding:5px;
                        margin:5px 0px 0px 0px;
						font-family: 'Open Sans';
						font-size:11px;
                    }
                    
                    form textarea {
                        float: left;
                        width: 520px;
                        clear: both;
                        border: 1px solid #1a2b2b;
                        padding:5px;
                        margin:5px 0px 0px 0px;
						font-family: 'Open Sans';
						font-size:11px;
                    }

                    .Send {
                        width: 80px;
                        background: #59464c;
                        color: #fff;
                        cursor: pointer;
                        float: right;
                        height:32px;
                        margin: 28px 48px 0px 0;
                    }

					.Send:hover {
                        background: #012626;
                        color: #fff;
                    }


                    .captcha{
                        width: auto;
                        float: left;
                        margin-top: 28px
                    }

                    .captcha img{
                        float: left;
                        margin:0 15px 0 0;
                        border: 1px solid #1a2b2b;
                    }

                    .captcha input{
                        float: left;
                        width: 150px;
                        height: 30px;
                        padding: 0 10px;
                        margin-top: 0;
                        font-size: 14px;
                        display: flex;
                        align-items: center;
                        font-family: 'Open Sans';
                    }
                    
                    /* placeholder */
                    input::-webkit-input-placeholder {font-size:11px}
                    input::-moz-placeholder {font-size:11px}
                    input:-ms-input-placeholder {font-size:11px}
                    input:-moz-placeholder {font-size:11px}
                    textarea::-webkit-input-placeholder {font-size:11px}
                    textarea::-moz-placeholder {font-size:11px}
                    textarea:-ms-input-placeholder {font-size:11px}
                    textarea:-moz-placeholder {font-size:11px}
                    

                    .msj{
                        width: 100%;
                        float: left;
                        padding: 15px;
                        box-sizing: border-box;
                        background: #eee;
                        color: #012626;
                        margin-top: 20px;
                        font-weight: 600
                    }

                    .msj.error{
                        color: #7a2d41
                    }


/*----- ASIDE ------*/

    aside{
        width: 300px;
        height:auto;
        float: left;
        margin: 30px 0px 0px 40px;
        background: #fff;
    }

/*--Index--*/

    aside.Index{
        border-bottom:2px solid #012626;
    }
        
        aside .title{
            width:300px;
            height:45px;
            background: #012626;
        }
        
            aside .title h3{
                text-transform: uppercase;
                height:30px;
                color: #fff;
                line-height: 2;
                margin-top:10px;
                margin-left:10px;
                padding: 0px 0px 0px 40px;
                background: url("../img/icon1.png") no-repeat;
                display: inline-block;
        }
        
        aside.Index ul{
            margin: 0;
            background: #f6f6f6;
			display:block;
        }
    
        aside.Index ul:nth-child(2n){
            background: #edecec;
        }
            
            aside.Index ul li{
            }
			
				aside.Index ul li:hover{
				color: #fff;
				display:block;
            }
			
			aside.Index ul li a{
				display: block;
				text-decoration:none;
				color: #55484D;
				margin: 0;
				padding: 9px;
			}
			
				aside.Index ul li a:hover{
				display: block;
				text-decoration:none;
				color: #fff;
				margin:0;
			}
        
        aside.Index ul:hover{
            background: #012626;
            color: #fff;
        }

/*-----Servicios------*/

/*-Contadores-*/

    aside.Contadores{
        border-bottom: 2px solid #012626;
    }

    aside.Contadores ul{
            margin:10px 0px 10px 10px;
            padding:0px;
    }

        aside.Contadores li{
            color: #536885;
            font-size:14px;
            font-weight: bolder;
            list-style: none;
        }
        
            aside .titleContadores h3{
                text-transform: uppercase;
                height:30px;
                color: #fff;
                line-height: 1.8;
                margin-top: 10px;
                margin-left:10px;
                padding: 0px 0px 0px 40px;
                background: url("../img/icon5.png") no-repeat;
                display: inline-block;
        }
        
/*-Profesionales-*/
        
        aside .titleProfesionales h3{
           text-transform: uppercase;
           height:30px;
           color: #fff;
           line-height: 1.8;
           margin-top: 10px;
           margin-left:10px;
           padding: 0px 0px 0px 40px;
           background: url("../img/icon6.png") no-repeat;
           display: inline-block;
        }
        
        aside.Profesionales ul{
            margin:10px 0px 0px 0px;
            padding:0px 0px 0px 10px;
            border-bottom:2px solid #1a2b2b;
            }
            
            aside.Profesionales li{
                list-style: none;
                font-weight: normal;
                color: #1a2b2b;
            }
            
                aside.Profesionales li .bold{
                    text-transform: uppercase;
                    list-style: none;
                    font-weight: bold;
                    color: #1a2b2b;
                }

/*-------FOOTER--------*/

footer{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 110px;
    background: #55484D;
}

    .footerWrapper{
        width:1440px;
        height: 110px;
        margin: auto;
        background-image: url("../img/footer.png");
        background-repeat: no-repeat;
    }

    article, .footerBox, .footerBox2, .footerBox3{
        width:auto;
        height: auto;
        float: left;
        padding: 0px 24px 10px 32px;
    }
    
        article.footerBox p{
        color: #fff;
		margin-top: 4px;
        }
        
        article.footerBox2 a{
        color: #fff;
        text-decoration: none;
		line-height: 1.8;
        }
        
        article.footerBox3 p{
        color: #fff;
		margin-top: 4px;
        }
    
     .footerBox{
        background: url("../img/icon2.png") no-repeat;
        margin-top:20px;
    }
    
    .footerBox2{
        background: url("../img/icon3.png") no-repeat;
        margin-top:20px;
    }
    
    .footerBox3{
        background: url("../img/icon4.png") no-repeat;
        margin-top:20px;
    }
	
	.footerBox4{
		width:28px;
		height: 27px;
		float: left;
		margin: 20px 0;
		padding-left:10px;
	}
	
		.footerBox4 img:hover{
			opacity: 0.7;
		}
    

    