html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-family: 'Gotham', sans-serif;
vertical-align: baseline;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
#divcalen{
	float: right;
    margin-right: 2%;
}
#divmail{
	 margin-top: 6%;
}
#frase{
	margin-left: 7%;
    margin-bottom: -2%;
}
#frase2{
	margin-left: 6%;
}
#contacto{
	margin-top: 1%;
    padding-top: 0%;
    background-color: #F9E8D4;
}
#mail{
	float: right;
    padding-right: 18%;
    margin-top: -9%;
    position: relative;
}
.ic{
	width: 15%;
    margin-top: -8%;
    position: absolute;
    float: left;
    margin-left: 6%;
}

#titprod{
    margin-left:5%;
    font-size:40px;
    padding-top: 3%;
    font-family: 'EB Garamond', serif;
}
#titcont {
    margin-left: 4%;
    font-size: 40px;
    padding-top: 3%;
    font-family: 'EB Garamond', serif;
}
.flexslider{
	margin-top: -10%; 
}

        #galer{
            margin: 0rem auto;
            width:100%;
            max-width:90%;
            padding:40px 10px 10px;
            column-count: 3;

            /* Espacio entre columnas */
            -moz-column-gap: 10px;
            -webkit-column-gap: 10px;
            column-gap: 10px;
        }
        
        #galer header {
            -webkit-column-span:all;
            column-span:all;
        }
        
        article {
            
            border-radius:0px;
            border:0px;
            margin:0 0 10px 0px;
            /*text-align: center;*/
            max-width: 100%;
            /*filter: opacity(70%);*/

            /*Evitamos que se corte al cambiar de columna*/
            break-inside: avoid;
            page-break-inside: avoid;   
        }
        
        article img {
            width:100%;
        }

        figure {
            padding:1rem;
            box-sizing: border-box;
        }

 /* Móviles en horizontal o tablets en vertical */
        @media (max-width: 767px) { 
            #galer {
                columns:2;
            }
            article{
                border:0px;
            }
            #titprod {
			    margin-left: 8%;
			    margin-top: 3%;
			    float: left;
			    font-size: 30px;
			    font-family: 'EB Garamond', serif;
			}
			#titcont {
			    margin-left: 6%;
			    margin-top: 3%;
			    float: left;
			    margin-bottom: 6%;
			    font-size: 30px;
			    font-family: 'EB Garamond', serif;
			}
			#frase2 {
			    margin-left: -28%;
			    margin-top: 11%;
			    margin-bottom: 3%;
			    float: left;
			}
			#frase {
			    margin-left: 10%;
    			margin-top: 11%;
    			position: absolute;
			    margin-bottom: -3%;
			    float: left;
			}

			#ico{
				width: 15%;
				float: left;
				margin-top: -2%;	
			}

        }
        /* Móviles en vertical */

        @media (max-width: 480px) {
            .flexslider{
				margin-top: 17%; 
			}
            #divcalen{
            	margin-top: 3%;
            	float: right;
    			margin-right: 8%;
            }
            #galer {
                columns: 1;
            }
            
            article{
                border:0px;
            }

            #divmail {
			    margin-top: 7%;
			    margin-left: 0%;
			}
            #ictel{
				width: 17%; 
				float: left;
			}
			#icmail{
				width: 14%; 
				float: left;
			}
			#icubic{
				width: 8%; 
				float: left;
			}
			#iccalen{
				width: 6%; 
				float: left;
			}
			#col1footer {
			    width: 62%;
			    margin-top: -9%;
			    margin-left: 5%;
			    z-index: 34;
			    float: left;
			    position: absolute;
			}
			#col2footer {
			    margin-top: 13%;
			    margin-left: 5%;
			    z-index: 34;
			    float: right;
			    position: absolute;
			    margin-bottom: 3%;
			}
			.ic {
			    width: 13%;
			    margin-top: -8%;
			    position: absolute;
			    float: left;
			    margin-left: 4%;
			    opacity: 0;
			}
			#h3calen{
				max-width: 65%;
    			margin-left: 10%;
			}

			#frase2 {
			    margin-left: -43%;
			    margin-top: 13%;
			    margin-bottom: 3%;
			    float: left;
			}
        }

@media screen and (min-width: 908px){
	#contacto{
		margin-top: -14%;
	    padding-top: 0%;
	    background-color: #F9E8D4;
	}
}

.nav navbar-nav navbar-left a:hover{
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;
	color:#fff;
}
footer{
	width:100%;	
	background-color:#F9E8D4;
	height: 1%;
}
h2{
	padding-left:2%;
	color:#9B6739;
	font-weight: bold;
}

h3{
	color:#9B6739;	
	font-size: 14px;
	font-weight: lighter;
}
p{
	color:#9B6739;	
	font-size: 16px;
    font-family: 'Gotham', sans-serif;
    margin-top: 2%;
}


body {
line-height: 1;
background-color:#FFF;
z-index:-1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}


#contenedor{
	width:100%;
	margin:0 auto;
	font-family: 'EB Garamond', serif;
}

header{
	font-family: 'Gotham', sans-serif;
	width:100%;
	background-color:#9B6739;
	color:#FFF;
	z-index: 100;
}

#logo{
	text-align:right;
	float:left;
	margin-left:5%;
	font-size:0.9em;
	cursor:pointer;
	z-index:20000;
	width: 40%;
	margin-top: 1%;
}

.linkhome:hover{
		cursor:pointer;
}

#linklogo{
	
	margin-top:6%;
	cursor:pointer;
}

a{
	text-decoration:none;
	color:#fff;
	cursor:pointer;
}

@media screen and (min-width:600px){
	/*
	#frase {
		margin-left: -26%;
    	margin-top: 10%;
		margin-bottom: -3%;
	    float: left;
	}*/

	.thumb {
	  max-width:100%;
	}
	
	nav{
		display:block;
	}
}
@media screen and (max-width: 600px) and (orientation:landscape){
	header{
		height:13%;
		z-index: 100;
	}

	#frase2 {
		margin-left: -45%;
	    margin-top: 11%;
	    margin-bottom: 3%;
	    float: left;
	}
			#frase {
			    margin-left: 10%;
			    margin-top: 0%;
			    margin-bottom: -3%;
			    float: left;
			}
	
	#galer {
        columns:2;
    }
	
	.thumb {
	  max-width:90%;
	}
	
}

@media screen and (max-width: 600px) and (orientation:portrait){
	header{
		height:10%;
	}
	.thumb{
	  max-width:90%;
	}
	
			#frase2 {
			    margin-left: -37%;
    			margin-top: 12%;
			    float: left;
			}
			#frase {
			    margin-left: 10%;
			    margin-top: 14%;
			    margin-bottom: -3%;
			    float: left;
			}
	.bajada{
		width:100%;	
	}

			#ictel{
				width: 17%; 
				float: left;
			}
			#icmail{
				width: 14%; 
				float: left;
			}
			#divmail{
				margin-top: 4%;
    			margin-left:0%;
			}
			#icubic{
				width: 8%; 
				float: left;
			}
			#iccalen{
				width: 6%; 
				float: left;
			}
			#col1footer {
			    width: 63%;
			    margin-top: -9%;
			    margin-left: 5%;
			    z-index: 34;
			    float: left;
			    position: absolute;
			}
			#col2footer {
			    margin-top: 11%;
			    margin-left: 5%;
			    z-index: 34;
			    float: right;
			    position: absolute;
			}
			.ic {
			    width: 13%;
			    margin-top: -8%;
			    position: absolute;
			    float: left;
			    margin-left: 4%;
			    opacity: 0;
			}
			#h3calen{
				max-width: 65%;
    			margin-left: 10%;
			}
	
}

@media screen and (max-width: 880px) and (orientation:landscape){
	.bajada{
		width:100%;	
	}
			#ictel{
				width: 17%; 
				float: left;
			}
			#icmail{
				width: 14%; 
				float: left;
			}
			#divmail{
				margin-top: -6%;
    			margin-left: 50%;
			}
			#icubic{
				width: 8%; 
				float: left;
			}
			#iccalen{
				width: 8%; 
				float: left;
			}
			#col1footer {
			    width: 87%;
			    margin-top: -9%;
			    margin-left: 5%;
			    z-index: 34;
			    float: left;
			    position: absolute;
			}
			#col2footer {
			    margin-top: 0;
			    margin-left: 5%;
			    z-index: 34;
			    float: right;
			    position: absolute;
			}
			#divcalen{
				margin-left: 49%;
    			margin-top: -5%;
			}
			.ic {
			    width: 13%;
			    margin-top: -8%;
			    position: absolute;
			    float: left;
			    margin-left: 4%;
			    opacity: 0;
			}
			#h3calen{
				max-width: 65%;
    			margin-left: 13%;
			}
	#galer {
        columns:2;
    }
	footer{
		font-family: 'Gotham', sans-serif;
		width:100%;
		background-color:#F9E8D4;
		height:1%;
	}
	    	
    #logo{
    	text-align:right;
    	float:left;
    	margin-left:5%;
    	font-size:0.9em;
    	cursor:pointer;
    	width: 22%;
    	margin-top: 2%;
    }
    
    #linklogo{
    	font-family: 'Gotham', sans-serif;
    	margin-top:5%;
    	cursor:pointer;
    }
    .linkhome:hover{
    		cursor:pointer;
    }
    	
    header{
    	height:23%;
    }
	
}

@media screen and (min-width: 600px) and (max-width: 880px) and (orientation:portrait){
	.bajada{
		width:100%;	
		font-size:12px;
	}
	#divcalen {
    float: right;
    margin-right: -9%;
}
			/*#frase2 {
			    margin-left: 6%;
			    margin-top: 0%;
			    margin-bottom: 3%;
			    float: left;
			}*/
			
			#ictel{
				width: 17%; 
				float: left;
			}
			#icmail{
				width: 14%; 
				float: left;
			}
			#divmail{
				margin-top: -1%;
    			margin-left: 30%;
			}
			#icubic{
				width: 8%; 
				float: left;
			}
			#iccalen{
				width: 6%; 
				float: left;
			}
			#col1footer {
			    width: 87%;
			    margin-top: -9%;
			    margin-left: 5%;
			    z-index: 34;
			    float: left;
			    position: absolute;
			}
			#col2footer {
			    margin-top: 0;
			    margin-left: 5%;
			    z-index: 34;
			    float: right;
			    position: absolute;
			}
			.ic {
			    width: 13%;
			    margin-top: -8%;
			    position: absolute;
			    float: left;
			    margin-left: 4%;
			    opacity: 0;
			}
			#h3calen{
				max-width: 65%;
    			margin-left: 10%;
			}
	
	#ico{
		width: 15%;
		float: left;
		margin-top: -2%;	
	}
	footer{
		font-family: 'Gotham', sans-serif;
		width:100%;
		background-color:#F9E8D4;
		height:1%;
	}
	#logo{
		float:left;
		margin-left:5%;
		font-size:0.9em;
		cursor:pointer;
		width: 22%;
    	margin-top: 1%;
	}
	
	#linklogo{
		
		margin-top:5%;
		cursor:pointer;
	}
	.linkhome:hover{
			cursor:pointer;
	}
		
	header{
		height:9%;
	}
}

@media screen and (min-width: 880px){
	#divcalen{
		margin-top: 4%;
		margin-right: 20%
	}

	#ictel{
	width: 9%; 
	float: left;
	}
	#icmail{
		width: 9%; 
		float: left;
	}
	#icubic{
		width: 4%; 
		float: left;
	}
	#iccalen{
		width: 5%; 
		float: left;
	}
	#h3calen{
		margin-left: 10%;
	}
	#col1footer{
		width: 24%;
	    margin-top: -9%;
	    margin-left: 23%;
	    z-index: 34;
	    float: left;
	    position: absolute;
	}
	#col2footer{
		width: 47%;
	    margin-top: -9.5%;
	    margin-left: 50%;
	    z-index: 34;
	    float: right;
	    position: absolute;
	}
	.ic {
	    width: 14%;
	    margin-top: -8%;
	    position: absolute;
	    float: left;
	    margin-left: 4%;
	}
	header{
		font-family: 'Gotham', sans-serif;
		width:100%;
		background-color:#9B6739;
		color:#FFF;
		height:12%;
		z-index: 190;
	}
	footer{
		font-family: 'Gotham', sans-serif;
		width:100%;
		color:#FFF;
		background-color:#F9E8D4;
		height:1%;
	}
	
	#logo{
		float:left;
		margin-left:5%;
		font-size:1em;
		cursor:pointer;
		width: 22%;
		margin-top: 1%;
	}
	
	.linkhome:hover{
		cursor:pointer;
	}
	
	#linklogo{
		margin-top:6%;
		cursor:pointer;
	}
	
	.algunostrabajos{
		float:left;
		width:100%;
	}
	
	.thumb {
	  max-width:100%;
	  max-height:auto;
	}
	
	.foto{
	  width:33%;
	  height:auto;
	  /*border:1px dotted lightgrey;*/
	  padding:2%;
	  float:left;
	}
	
	.foto3{
	  width:65%;
	  height:auto;
	  /*border:1px dotted lightgrey;*/
	  padding:3%;
	  float:left;
	}
	
	.fotoprin {
	  
	  height:auto;
	  padding:0%;
	  padding-bottom:3%;
	  float:left;
	}
	
	
	.tapa{
		float:left;
		width:100%;
	}
	
	.thumb2 {
	  max-width:50%;
	}
	
	.foto2 {
	  width:30%;
	  height:auto;
	  border:1px dotted lightgrey;
	  padding:2%;
	  float:left;
	}	
	
	.flex-caption {
		width: 100%;
		padding: 1.5%;
		left: 0;
		bottom: 0;
		background: #203161;
	 	color: #fff;
		text-shadow: 0 -1px 0 rgba(0,0,0,.3);
		font-size: 14px;
		line-height: 18px;
		margin-bottom:2%;
	}	
	.navbar{
		display:block;	
	}
}

@media screen and (min-width:1024px){
#ictel{
	width: 10%; 
	float: left;
}
#icmail{
	width: 10%; 
	float: left;
}
#icubic{
	width: 6%; 
	float: left;
}
#iccalen{
	width: 6%; 
	float: left;
}
#divcalen{
	margin-left: 0%;
    float: left;
    margin-top: 4%;
}
#col1footer{
	width: 25%;
    margin-top: -9%;
    margin-left:34%;
    z-index: 34;
    float: left;
    position: absolute;
}
#col2footer{
	width: 38%;
    margin-top: -9.5%;
    margin-left: 59%;
    z-index: 34;
    float: right;
    position: absolute;
}
p{
	font-size: 14px;
}
h3{
	font-size: 14px;
}
	header{
		font-family: 'Gotham', sans-serif;
		width:100%;
		background-color:#9B6739;
		color:#FFF;
		height:12%;
	}
	footer{
		font-family: 'Gotham', sans-serif;
		width:100%;
		color:#FFF;
		height:1%;
	}
	#logo{
		margin-left:5%;
		color: #fff;
		text-align:right;
		float:left;
		font-size:1.2em;
		cursor:pointer;
		width: 17%;
    	margin-top: 0%;
	}
	
	.linkhome:hover{
		cursor:pointer;
	}
	
	#linklogo{
		
		margin-top:6%;
		cursor:pointer;
	}

	.navbar{
		display:block;	
	}
	
	.thumb{
	  max-width:100%;
	  max-height:auto;
	}
	
	.flex-caption{
	  width: 100%;
	  padding: 1.5%;
	  left: 0;
	  bottom: 0;
	  background: #203161;
	  color: #fff;
	  text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	  font-size: 14px;
	  line-height: 18px;
	  margin-bottom:2%;
	}
	#titcont {
	    margin-left: 4%;
	    font-size: 40px;
	    padding-top: 2%;
	    font-family: 'EB Garamond', serif;
	}
	#frase2 {
			    margin-left: 6%;
    			margin-top: 0%;
			    margin-bottom: 1%;
			    float: left;
			}
}
@media screen and (min-width:1508px){
#ictel{
	width: 12%; 
	float: left;
}
#icmail{
	width: 12%; 
	float: left;
}
#divmail {
    margin-top: 10%;
    margin-left: -41%;
}
#icubic{
	width: 8%; 
	float: left;
}
#iccalen{
	width: 8%; 
	float: left;
}
#divcalen{
	margin-left: -59%;
    float: left;
    margin-top: 8%;
}
#col1footer{
	width: 25%;
    margin-top: -9%;
    margin-left:34%;
    z-index: 34;
    float: left;
    position: absolute;
}
#col2footer{
	width: 40%;
    margin-top: -9.5%;
    margin-left: 57%;
    z-index: 34;
    float: right;
    position: absolute;
}
p{
	font-size: 14px;
}
h3{
	font-size: 16px;
}
	header{
		font-family: 'Gotham', sans-serif;
		width:100%;
		background-color:#9B6739;
		color:#FFF;
		height:12%;
	}
	footer{
		font-family: 'Gotham', sans-serif;
		width:100%;
		color:#FFF;
		height:1%;
	}
	#logo{
		margin-left:5%;
		color: #fff;
		text-align:right;
		float:left;
		font-size:1.2em;
		cursor:pointer;
		width: 16%;
		margin-top: 0%;
	}
	
	.linkhome:hover{
		cursor:pointer;
	}
	
	#linklogo{
		
		margin-top:6%;
		cursor:pointer;
	}

	.navbar{
		display:block;	
	}
	
	.thumb{
	  max-width:100%;
	  max-height:auto;
	}
	
	.flex-caption{
	  width: 100%;
	  padding: 1.5%;
	  left: 0;
	  bottom: 0;
	  background: #203161;
	  color: #fff;
	  text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	  font-size: 14px;
	  line-height: 18px;
	  margin-bottom:2%;
	}
	#titcont {
	    margin-left: 4%;
	    font-size: 40px;
	    padding-top: 2%;
	    font-family: 'EB Garamond', serif;
	}
	#frase2 {
			    margin-left: 6%;
    			margin-top: 0%;
			    margin-bottom: 1%;
			    float: left;
			}
}
@media screen and (min-width:1830px){
#ictel{
	width: 12%; 
	float: left;
}
#icmail{
	width: 12%; 
	float: left;
}
#divmail {
    margin-top: 10%;
    margin-left: -41%;
}
#icubic{
	width: 8%; 
	float: left;
}
#iccalen{
	width: 8%; 
	float: left;
}
#divcalen{
	margin-left: -49%;
    float: left;
    margin-top: 8%;
}
#col1footer{
	width: 25%;
    margin-top: -9%;
    margin-left:34%;
    z-index: 34;
    float: left;
    position: absolute;
}
#col2footer{
	width: 40%;
    margin-top: -9.5%;
    margin-left: 57%;
    z-index: 34;
    float: right;
    position: absolute;
}
p{
	font-size: 14px;
}
h3{
	font-size: 16px;
}
	header{
		font-family: 'Gotham', sans-serif;
		width:100%;
		background-color:#9B6739;
		color:#FFF;
		height:12%;
	}
	footer{
		font-family: 'Gotham', sans-serif;
		width:100%;
		color:#FFF;
		height:1%;
	}
	#logo{
		margin-left:5%;
		color: #fff;
		text-align:right;
		float:left;
		font-size:1.2em;
		cursor:pointer;
		width: 15%;
		margin-top: 2%;
	}
	
	.linkhome:hover{
		cursor:pointer;
	}
	
	#linklogo{
		
		margin-top:6%;
		cursor:pointer;
	}

	.navbar{
		display:block;	
	}
	
	.thumb{
	  max-width:100%;
	  max-height:auto;
	}
	
	.flex-caption{
	  width: 100%;
	  padding: 1.5%;
	  left: 0;
	  bottom: 0;
	  background: #203161;
	  color: #fff;
	  text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	  font-size: 14px;
	  line-height: 18px;
	  margin-bottom:2%;
	}
	#titcont {
	    margin-left: 4%;
	    font-size: 40px;
	    padding-top: 2%;
	    font-family: 'EB Garamond', serif;
	}
	#frase2 {
			    margin-left: 6%;
    			margin-top: 0%;
			    margin-bottom: 1%;
			    float: left;
			}
}