@charset "utf-8";

/*=======================*/
/*======= CSS reset======*/
/*=======================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; text-decoration:none;}
a{text-decoration:none;}
html,body {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal; font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}



@font-face {
    font-family: 'WebServeroffRegular';
    src: url('fonts/Web_Serveroff-webfont.eot');
    src: url('fonts/Web_Serveroff-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Web_Serveroff-webfont.woff') format('woff'),
         url('fonts/Web_Serveroff-webfont.ttf') format('truetype'),
         url('fonts/Web_Serveroff-webfont.svg#WebServeroffRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'NewsCycleRegular';
    src: url('fonts/NewsCycle-Regular-webfont.eot');
    src: url('fonts/NewsCycle-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/NewsCycle-Regular-webfont.woff') format('woff'),
         url('fonts/NewsCycle-Regular-webfont.ttf') format('truetype'),
         url('fonts/NewsCycle-Regular-webfont.svg#NewsCycleRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*===========================*/
/*======= CSS generales======*/
/*===========================*/

body{background:url(../images/bg-top.png) #f9f9f9;}

header{width:100%; height:200px; background:url(../images/bg-header.png) repeat-x top; border-bottom:1px solid #e6e6e6; overflow:hidden; }

nav{float:right; line-height:60px; }
nav a{ color:#fff; font-family:'NewsCycleRegular', Arial, Helvetica, sans-serif; font-size:16px; text-transform:uppercase; padding:5px 15px; border-right:1px solid #d51431; border-left:1px solid #940e22; margin-left:-4px;}

footer{background:url(../images/bg-medio.png) top center no-repeat; height:150px; width:100%; margin-top:50px;}

.contenedor { width:100%; max-width:980px; margin:auto; position:relative;}

.contenedor h1 { font-family:'WebServeroffRegular', Arial, Helvetica, sans-serif; font-size:30px; text-align:center; padding:15px; border-bottom:4px double #ccc; border-top:4px double #ccc; margin-top:20px;}


.link-last{ border-right:none;}
.link-first{ border-left:none;}

#descripcion1{float:left; width:100%; max-width:450px; margin-right:40px;}

#descripcion1 h1{font-size:35px; border-top:none; text-align:left; border-bottom:none; line-height:40px; }
#descripcion1 h3{ background: url(../images/flechadw.png) no-repeat top left; width:200px; padding:10px; margin-left:20px; color:#FFF; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; margin:10px 0 20px 20px; font-size:18px;}

#descripcion1 p{font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:30px; margin-left:20px; color:#999;}

.slider{width:481px; height:300px;}

#info-contact{width:100%; max-width:980px;}
#info-contact p{ text-align:center; font-family:Arial, Helvetica, sans-serif; padding:30px 0 0 20px; font-size:14px; color:#999;}

#content-web{ width:200px; height:200px; background:rgba(245, 244, 214, 0.9); -webkit-border-radius: 100px; -moz-border-radius: 100px;border-radius: 100px; position:absolute; top:50%; left:50%; margin-top:-100px; margin-left:-50px; z-index:100; display:none;}

#s1{margin-top:30px;}

.dg-wrapper{width: 481px; height: 300px; margin: 0 auto; position: relative;}

.dg-wrapper a img{display: block; padding: 25px 0px 0px 1px;}

.separador-info-pie{font-family:'WebServeroffRegular', Arial, Helvetica, sans-serif; padding-top:10px; display:inline-block;}

.item-clientes{width:23%; background:#FFF; float:left; margin:1%;}
.item-clientes h4{font-family:'WebServeroffRegular', Arial, Helvetica, sans-serif; text-align:center; font-size:24px; padding-bottom:10px; border-bottom:1px solid #c2c2c2;}

.item-clientes p{ text-align:center; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; padding:3px; background:#fff; color:#ccc;}

.item-clientes img{ max-width:100%; height:auto;}

.last-item{margin-right:0;}

#clientes{padding-top:20px;}
#clientes h1{ margin-bottom:20px;}

/*--------------------------------------------------------------------*/



.da-thumbs{
	position: relative;
}

.da-thumbs h1{font-size:1em; font-family:'NewsCycleRegular', Arial, Helvetica, sans-serif; position:relative; color:#FFF; margin:auto; text-align:center; border-top:1px solid #FFF; border-bottom:1px solid #FFF; top:30px;}

.da-thumbs a,
.da-thumbs a img {
	display: block;
	position: relative;
}
.da-thumbs a {
	overflow: hidden;
}
.da-thumbs a div {
	position: absolute;
	background: rgba(190,16,43,0.8);
	width: 80%;
	height: 100%;
	padding:0 10%;
}
.da-thumbs a div.da-animate {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
/* Initial state classes: */
.da-slideFromTop {
	left: 0px;
	top: -100%;
}
.da-slideFromBottom {
	left: 0px;
	top: 100%;
}
.da-slideFromLeft {
	top: 0px; 
	left: -100%;
}
.da-slideFromRight {
	top: 0px;
	left: 100%;
}
/* Final state classes: */
.da-slideTop {
	top: 0px;
}
.da-slideLeft {
	left: 0px;
}

@media screen and (max-width: 400px) {
.da-thumbs {
	float:none;
}
}




.btn-enviar{background:#C00; color:#FFF; padding:10px 10px; border:1px solid #C30; margin-bottom:10px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:16px;}

.formulario p{font-family:Arial, Helvetica, sans-serif; margin-bottom:7px; color:#999;}
.formulario .campos{margin-bottom:15px; background:rgba(255, 255, 255, 0.6); border:1px solid #ccc; height:30px; width:100%;}
.formulario .area{margin-bottom:15px; background:rgba(255, 255, 255, 0.6); border:1px solid #ccc; height:60px; width:100%;}

.info-contact p{font-family:Arial, Helvetica, sans-serif; color:#999; line-height:20px; font-size:13px;}
.info-contact{padding-bottom:20px;}

#contact{ padding:30px;}
#contact p{font-family:Arial, Helvetica, sans-serif; margin-bottom:7px; color:#999; line-height:20px; font-size:13px;}

#contact .info{padding-bottom:10px; margin-bottom:20px; border-bottom:1px solid #CCC;}
#contact .info h1{font-family:'WebServeroffRegular', Arial, Helvetica, sans-serif; font-size:40px; margin-bottom:10px;}