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: 'Quicksand';
vertical-align: baseline;

/* Nuevo fucsia: #E0006C 
   Anteriores: #E61F81 #E6F4FF #ff4aa3 #ff2992 #ff4aa3
*/

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}

html{
    scroll-behavior: smooth;
}

h1{
    color:#E0006C;
}

#titconsulta{
    margin-top:0%; 
}

#mimail{
    float:right; 
    padding-right:4%;
}

#cositos{
        padding-top:2%;
        margin-top:-22%;
        margin-bottom: -19%;
        float: left;
    }

            #mimail{
                float: right;
                margin-top: 0%;
                margin-right: 2%;
            }
            
#txtmail{
        color: #E0006C;
        font-weight: 400;
        font-size: 14px;
        margin-top: -12%;
        margin-left: 21%;
        /*margin-top: -57%;*/
    }
    
.videohome{
    float:left; width:85%; 
    margin-top: 0%; 
    padding: 2%; 
    padding-right: 6%; 
    padding-left: 20%;
}

#reccel{
    margin-top:-2%;
}
.btndesc{
    margin-top:-20%;
    border: none;
    outline: none;
    padding: 12px 16px;
    background-color: #e61d80;
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
}

#btndesc{
    float: left;
    margin-left:0%;
}
#btndesc2{
    float:right;
    margin-right:30%;
}

.btn.active {
  background-color: #E0006C;
  color: white;
  border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
}

#antestit{
    padding-top: 3%;
}

.field {
	display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
}

#contact_form{
 padding-top:10%;   
}

@keyframes wheel {
	to {
		opacity: 0;
		top: 60px;
	}
}

@-webkit-keyframes wheel {
	to {
		opacity: 0;
		top: 60px;
	}
}

.scroll {
	width: 40px;
	height: 40px;
	border: 2px solid #203161;
	border-radius: 50%;
	position: relative;
	
	animation: down 1.5s infinite;
	-webkit-animation: down 1.5s infinite;
}
	.scroll:before {
		content: '';
		position: absolute;
		top: 6px;
		left: 9px;
		width: 18px;
		height: 18px;
    	border-left: 2px solid #203161;
      	border-bottom: 2px solid #203161;
		transform: rotate(-45deg);
	}


@keyframes down {
	0% {
		transform: translate(0);
	}
	20% {
		transform: translateY(15px);
	}
	40% {
		transform: translate(0);
	}
}

@-webkit-keyframes down {
	0% {
		transform: translate(0);
	}
	20% {
		transform: translateY(15px);
	}
	40% {
		transform: translate(0);
	}
}



@keyframes scroll {
	0% {
		height: 40px;
	}
	30% {
		height: 70px;
	}
	60% {
		height: 40px;
	}
}

@-webkit-keyframes scroll {
	0% {
		height: 40px;
	}
	30% {
		height: 70px;
	}
	60% {
		height: 40px;
	}
}


.reccel{
    position: relative;
    background-color:#E0006C; 
    width:100%; 
    float:right; 
    height: 50%; 
    margin-top: 5%;
    z-index: -100000;
}

.btn:hover {
  background-color: #f1f1f1;
  color:#e61d80;
}

.btn {
  border: none;
  outline: none;
  padding: 12px 16px;
  background-color: #fff;
  font-size: 14px;
  color:#e61d80;
  cursor: pointer;
  border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
}

#btnvertodos {
    float: left;
    border: none;
    outline: none;
    padding: 12px 16px;
    background-color: #E0006C;
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
}

#contFiltros{
    float: left;
    margin-left: 5%;
    margin-top: 0%;
    margin-bottom: 2%;
}

#contFiltros2{
    float: left;
    margin-left: 5%;
    margin-top: 0%;
    margin-bottom: 2%;
}

.filterDiv {
  /*float: left;*/
  display: none;
}
.filterDiv2 {
  /*float: left;*/
  display: none;
}

.show {
  display: block;
}

#vtdesign{
	color:#ffffff; 
	float:left; 
	margin-left: 1%;
	margin-top: -0.5%;
	font-size: 14px;	
}
#verotcher{
	color:#ffffff; 
	float:left; 
	margin-left: 5%;
	margin-top: 4%;
	font-size: 14px;
}

#desccv{
		margin-top: -90%;
		margin-left: -9%;
		width: 100%;
		float: left;
	}
	
	#desccv2{
		margin-top: -10%;
        margin-left: 5%;
		width: 100%;
		float: right;
	}

.ic{
	width: 2%;
    margin-top: -5%;
    padding-top: 4%;
	float:left;	
}
#icBeh{
	float: left;
    margin-left: 5%;
    margin-top: -1.2%;
}
#txtVero{
	margin-right:15%;	
	z-index:3;
}

#ico{
	width: 20%;
    float: left;
    margin-top: -1%;	
}

        #gal6{
            margin: 1rem auto;
            width:100%;
            max-width:90%;
            padding:0 20px 20px;
            color:#203161;
            box-sizing: border-box;
            column-count: 6;

            /* Espacio entre columnas */
            -moz-column-gap: 20px;
            -webkit-column-gap: 20px;
            column-gap: 20px;
        }
        #gal8{
            margin: 1rem auto;
            width:100%;
            max-width:90%;
            padding:0 20px 20px;
            color:#203161;
            box-sizing: border-box;
            column-count: 8;

            /* Espacio entre columnas */
            -moz-column-gap: 20px;
            -webkit-column-gap: 20px;
            column-gap: 20px;
        }
         #gal8 header {
            -webkit-column-span:all;
            column-span:all;
        }
        #gal6 header {
            -webkit-column-span:all;
            column-span:all;
        }
        
        artic{
            background:#fff;
            border-radius:0px;
            border:0px solid #ccc;
            margin:0 0 10px 0px;
            text-align: center;
            max-width: 100%;
            color:#203161;
            /*filter: opacity(70%);*/

            /*Evitamos que se corte al cambiar de columna*/
            break-inside: avoid;
            page-break-inside: avoid;   
        }
		
		#galerSM{
            margin: 0rem auto;
            width:100%;
            max-width:100%;
            padding:6% 0px 0px;
            box-sizing: border-box;
            column-count: 2;

            /* Espacio entre columnas */
            -moz-column-gap: 0px;
            -webkit-column-gap: 0px;
            column-gap: 0px;
        }
        
        arti{
            background:#fff;
            border-radius:0px;
            border:0px solid #ccc;
            margin:0 0 00px 0px;
            text-align: center;
            max-width: 100%;
            color:#203161;
            /*filter: opacity(70%);*/
            /*Evitamos que se corte al cambiar de columna*/
            break-inside: avoid;
            page-break-inside: avoid;   
        }
        
		#grillatrab{
            margin: 1rem auto;
            width:100%;
            max-width:90%;
            padding:0 10px 10px;
            color:#203161;
            box-sizing:content-box;
            column-count: 3;

            /* Espacio entre columnas */
            -moz-column-gap: 10px;
            -webkit-column-gap: 10px;
            column-gap: 10px;
            
        }
        
        article2 {
            background:#fff;
            border-radius:5px;
            border:1px dashed #ccc;
            margin:0 0 10px 0px;
            /*text-align: center;*/
            max-width: 100%;
            color:#203161;

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

    #titalg{
        margin-left:4%;
        font-size:18px;
        font-family:'Quicksand', sans-serif;
        font-weight: 400;
        float:left;
        margin-top: 1%;
        /*padding-top:12%;*/
    }
    #titesp{
        margin-left:7%;
        margin-top: 2%;
        float: left;
        font-size:18px;
        font-weight: 400;
        font-family:'Quicksand', sans-serif;
    }

        #galer{
            margin: 6rem auto;
            width:100%;
            max-width:90%;
            padding:0 10px 10px;
            color:#203161;
            box-sizing: border-box;
            column-count: 3;

            /* Espacio entre columnas */
            -moz-column-gap: 10px;
            -webkit-column-gap: 10px;
            column-gap: 10px;
            
            /* Filete entre columnas */
            /*-moz-column-rule: 1px solid #bbb;
            -webkit-column-rule: 1px solid #bbb;
            column-rule: 1px solid #bbb;*/
        }
        
        #galer header {
            -webkit-column-span:all;
            column-span:all;
        }
        
        #galer2{
            margin: 6rem auto;
            width:100%;
            max-width:90%;
            padding:0 10px 10px;
            color:#203161;
            box-sizing: border-box;
            column-count: 3;

            /* Espacio entre columnas */
            -moz-column-gap: 10px;
            -webkit-column-gap: 10px;
            column-gap: 10px;
            
            /* Filete entre columnas */
            /*-moz-column-rule: 1px solid #bbb;
            -webkit-column-rule: 1px solid #bbb;
            column-rule: 1px solid #bbb;*/
        }
        
        #galer2 header {
            -webkit-column-span:all;
            column-span:all;
        }
        
        article {
            background:#fff;
            border-radius:5px;
            border:1px dashed #ccc;
            margin:0 0 10px 0px;
            /*text-align: center;*/
            max-width: 100%;
            color:#203161;
            /*filter: opacity(70%);*/

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

        article:hover {
            transition: .5s ease;
            filter: opacity(70%);
        }

        figure {
            padding:1rem;
            box-sizing: border-box;
            font-size:14px;
            color:#203161;
        }
		fig {
            
            box-sizing: border-box;
            font-size:14px;
            color:#203161;
        }

 /* Móviles en horizontal o tablets en vertical */
        @media (max-width: 767px) { 
            #ff{
                margin-top:10%;
            }
            #btndesc2{
                float:right;
                margin-right:22%;
            }
            .scroll{
                margin-top:5%;
            }
            #antestit{
                padding-top: 0%;
            }
            .reccel{
                position: relative;
                background-color:#101a3d; 
                width:100%; 
                float:right; 
                height: 38%; 
                margin-top: -39.2%;
                z-index: -100000;
            }
            #galer {
                columns:2;
            }
            #gal8 {
                columns:4;
            }
            
            #gal6{
                columns:2;
            }
            article{
                border:1px dotted lightgrey;
            }
			#titesp{
                margin-left:7%;
                margin-top: 6%;
                float: left;
                font-size:18px;
                font-weight: 400;
                font-family:'Quicksand', sans-serif;
            }
			.ic{
				width: 4%;
				margin-top: -5.3%;
				padding-top: 4%;
				float:left;	
			}
			#ico{
				width: 12%;
				float: left;
				margin-top: -2%;	
			}
			
			#desccv {
				margin-top: -95%;
				margin-left: 79%;
				width: 100%;
				float: left;
			}
			#desccv2{
        		margin-top: -10%;
                margin-left: 12%;
        		width: 100%;
        		float: left;
        	}
			#galerSM{
				margin: 0rem auto;
				width:100%;
				max-width:100%;
				padding:7% 0px 0px;
				box-sizing: border-box;
				column-count: 1;
	
				/* Espacio entre columnas */
				-moz-column-gap: 0px;
				-webkit-column-gap: 0px;
				column-gap: 0px;
			}
			#txtVero{
				margin-right:0%;	
				margin-top:-10%;
				z-index:3;
			}
        }
        /* Móviles en vertical */

        @media (max-width: 480px) {
            #btndesc{
                float: left;
                margin-left:10%;
            }
            
            #titesp{
                margin-top: -6%;
            }
            
            #mimail{
                float: right;
                margin-top: -6%;
                margin-right: 29%;
            }
            
            #txtmail{
                margin-top: -11%;
                margin-right: -5%;
                float: right;
            }
            
            #verotcher{
                margin-top: -1%;
            }
            
            #redessociales{
                float: left;
                margin-left: 20%;
            }
            
            .reccel{
                display:none;
                position: relative;
                background-color:#101a3d; 
                width:100%; 
                float:right; 
                height: 14%; 
                margin-top: -39.2%;
                z-index: -100000;
            }
            #galer {
                columns: 1;
            }
            #gal8 {
                columns:2;
            }
            #gal6{
                columns:2;
            }
            #titesp{
                margin-left:7%;
                margin-top: 8%;
                float: left;
                font-size:18px;
                font-weight: 400;
                font-family:'Quicksand', sans-serif;
            }
            article{
                border:1px dotted lightgrey;
            }
			#galerSM{
				margin: 0rem auto;
				width:100%;
				max-width:100%;
				padding:0 0px 0px;
				box-sizing: border-box;
				column-count: 1;
	
				/* Espacio entre columnas */
				-moz-column-gap: 0px;
				-webkit-column-gap: 0px;
				column-gap: 0px;
			}
			#desccv{
				margin-top: -86%;
				margin-left: -90%;
				width: 100%;
				float: left;
			}
			#desccv2{
        		margin-top: -10%;
                margin-left: 5%;
        		width: 100%;
        		float: right;
        	}
			#txtVero{
				margin-right:0%;	
				margin-top:-10%;
				z-index:3;
			}
			footer{
			    height:10%;
			}
        }
.barramistrabajos{
	float:left;
	width:100%; 
	position:static; 
	padding:2%; 
	font-size:14px;
	
}
.barra .barramistrabajos > li > a:hover{
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;
	color:#203161;
}
.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:#203161;
}
footer{
	width:100%;	
	padding-top:2.5%;
}
h2{
	padding: 8px;
    padding-left: 2%;
    color: #E0006C; 
    font-size: 29px;
}

h3{
	color:#203161;	
}
p{
	color:#203161;	
	
    padding-bottom: 30px;
    line-height:1.2;
}

#btnConocimientos{
	text-decoration:none; 
	color:#E0006C; 
	font-size:18px; 
	font-weight:700;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
#btnConocimientos:hover{
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;
	color:#203161;
}

.wrapper {
    /*margin: 47px auto;
    max-width:580px;*/
}
 
#contact_form {
    
    /*border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;*/
    background:#EBFDFF;
    padding-left:10%;
	padding-top:2%;
	padding-bottom:25px;
	width:100%;
	color:#22315C;
	font-family:'Quicksand', sans-serif;
 
}
 
#ff label {
    cursor:pointer;
    color:#22315C;
    display:block;
    font-weight:400;
	padding-bottom:1%;
	font-family:'Quicksand', sans-serif;
	font-size:12px;
 
}
 
input {
    display:block;
    width: 80%;
    
    background-color: #EBFDFF;
    color: #203161;
    /* border: 1px solid #5f5f5f; */
    border: none;
    border-bottom: 1px solid #22315C;
    padding: 10px;
    margin-bottom: 35px;
    font-family: 'Quicksand', sans-serif;
    
    
}

input:focus {
                border: none;
                 border-bottom: 1px solid #22315C;
                 outline: none;
}

textarea {
    display:block;
    width:80%;
    /*
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;*/
    background-color:#EBFDFF;
    color:#203161;
    border:none;
    border-bottom: 1px solid #22315C;
    font-family:'Quicksand', sans-serif;
    margin-bottom:25px;
}

textarea:focus {
                border: none;
                 border-bottom: 1px solid #22315C;
                 outline: none;
}
 
.sendButton {
    cursor:pointer;
    text-align:center;
    color:#fff;
    font-family:'Quicksand', sans-serif;
    font-size:14px;
    width:22%;
    font-weight:bold;
	background-color:#E0006C;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    padding-top:1.5%;
    padding-bottom:1.5%;
}
.sendButton:hover {
    -webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;
	color:#fff;
	background-color:#ED0A8C;
}

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;
}

.flex-caption {
  width: 100%;
  padding: 2%;
  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%;
}

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

header{
    position:relative;
	font-family: 'Quicksand', sans-serif;
	width:100%;
	background-color:#ff2992;
	color:#FFF;
	z-index: 10000;
}

#logo{
	font-family: 'Quicksand', sans-serif;
	color: #fff;
	text-align:right;
	float:left;
	margin-left:5%;
	font-size:0.9em;
	line-height:200%;
	margin-top:6%;
	cursor:pointer;
	z-index:20000;
}

.linkhome:hover{
		cursor:pointer;
}

#linklogo{
	font-family: 'Quicksand', sans-serif;
	margin-top:6%;
	line-height: 160%;
	cursor:pointer;
}

#texto{
	
	font-family: 'Quicksand', sans-serif;
}


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

@media screen and (min-width:600px){
    
    .reccel{
        position: relative;
        background-color:#101a3d; 
        width:100%; 
        float:right; 
        height: 30%; 
        margin-top: -39.2%;
        z-index: -100000;
    }

	.algunostrabajos{
		float:left;
		width:100%;
	}
	
	.thumb {
	  max-width:100%;
	}
	
	
	.foto{
	  width:50%;
	  height:auto;
	  border:1px dotted lightgrey;
	  padding:2%;
	  float:left;
	}	
	
	.foto3{
	  width:50%;
	  height:auto;
	  border:1px dotted lightgrey;
	  padding:5%;
	  float:left;
	}
	
	.tapa{
		float:left;
		width:100%;
	}
	
	.thumb2 {
	  max-width:50%;
	}
	
	.foto2 {
	  width:30%;
	  height:auto;
	  border:1px dotted lightgrey;
	  padding:2%;
	  float:left;
	}
	.fotoprin {
	  width:100%;
	  height:auto;
	  padding:0%;
	  padding-bottom:3%;
	  float:left;
	}
	
	nav{
		display:block;
	}
}
@media screen and (max-width: 600px) and (orientation:landscape){
    #gal8 {
        columns:2;
    }
    #gal6 {
        columns:2;
    }
    #btndesc{
        float: left;
        margin-left:10%;
    }
    #btndesc2{
        float:right;
        margin-right:42%;
    }
    
    #mimail{
        margin-top:-2%;
    }
    .videohome{
        float: left;
        width: 100%;
        margin-top: 0%;
        padding: 0;
        padding-right: 0;
        padding-left: 0;
    }
	.reccel{
	    display:none;
	    position: relative;
        background-color:#101a3d; 
        width:100%; 
        float:right; 
        height: 14%; 
        margin-top: -39.2%; 
        z-index: -100000;
    }
	
	header{
	    position:relative;
		height:16%;
		z-index:10000;
	}
	.algunostrabajos{
		float:left;
		width:100%;
	}
	
	#galer {
        columns:2;
    }
    #gal6{
        columns:3;
    }
	
	.thumb {
	  max-width:90%;
	}
	
	.bajada{
		width:100%;	
	}
	
	.foto {
	  width:100%;
	  height:auto;
	  border:1px dotted lightgrey;
	  padding:2%;
	  float:left;
	}	
	.foto3{
	  width:100%;
	  height:auto;
	  border:1px dotted lightgrey;
	  padding:2%;
	  float:left;
	}
	.fotoprin {
	  width:100%;
	  height:auto;
	  padding:0%;
	  padding-bottom:3%;
	  float:left;
	}
	.tapa{
		float:left;
		width:100%;
	}
	
	.thumb2 {
	  max-width:90%;
	}
	
	.foto2{
	  width:100%;
	  height:auto;
	  padding:2%;
	  float:left;
	}	
	
	#btnConocimientos{
    	text-decoration:none; 
    	color:#E0006C; 
    	font-size:12px; 
    	font-weight:700;	
	}
	#btnConocimientos:hover{
		-webkit-transition:all 1s ease;
    	-moz-transition:all 1s ease;
    	-o-transition:all 1s ease;
    	transition:all 1s ease;
    	color:#203161;
	}
}

@media screen and (max-width: 600px) and (orientation:portrait){
    #btndesc{
        float: left;
        margin-left:10%;
    }
    #btndesc2{
        float:right;
        margin-right:9%;
    }
    
    .sendButton {
        width:40%;
    }
    
    .reccel{
        display:none;
        position: relative;
        background-color:#101a3d; 
        width:100%; 
        float:right; 
        height: 14%; 
        margin-top: -39.2%;
        z-index: -100000;
    }
    
	header{
		height:13%;
	}
	.algunostrabajos{
		float:left;
		width:100%;
	}
	#gal6{
        columns:2;
    }
	
	.thumb{
	  max-width:90%;
	}
	
	.bajada{
		width:100%;	
	}
	.foto{
	  width:100%;
	  height:auto;
	  border:1px dotted lightgrey;
	  padding:2%;
	  float:left;
	}	
	.fotoprin {
	  width:100%;
	  height:auto;
	  padding:0%;
	  padding-bottom:3%;
	  float:left;
	}
	.tapa{
		float:left;
		width:100%;
	}
	
	.thumb2 {
	  max-width:90%;
	}
	.foto2 {
	  width:100%;
	  height:auto;
	  padding:2%;
	  float:left;
	}	
	.foto3{
	  width:100%;
	  height:auto;
	  border:1px dotted lightgrey;
	  padding:2%;
	  float:left;
	}
	#btnConocimientos{
    	text-decoration:none; 
    	color:#ff4aa3; 
    	font-size:12px; 
    	font-weight:700;	
    }
    #btnConocimientos:hover{
    	-webkit-transition:all 1s ease;
        -moz-transition:all 1s ease;
        -o-transition:all 1s ease;
        transition:all 1s ease;
        color:#203161;
    }
    
    footer{
        height:14%;
    }
}

@media screen and (max-width: 880px) and (orientation:landscape){
    #gal8 {
                columns:4;
            }
    #btndesc{
        float: left;
        margin-left:10%;
    }
    #btndesc2{
        float:right;
        margin-right:22%;
    }
    .reccel{
        display:none;
        position: relative;
        background-color:#101a3d; 
        width:100%; 
        float:right; 
        height: 38%; 
        margin-top: -39.2%;
        z-index: -100000;
    }

	.bajada{
		width:100%;	
	}
	#galer {
        columns:2;
    }
    #gal6{
        columns:3;
    }
	footer{
		font-family: 'Quicksand', sans-serif;
		width:100%;
		background-color:#203161;
		color:#FFF;
		height:24%;
		padding-top:4%;
	}
	
	#btnConocimientos{
    	text-decoration:none; 
    	color:#ff4aa3; 
    	font-size:14px; 
    	font-weight:700;	
    }
    #btnConocimientos:hover{
    	-webkit-transition:all 1s ease;
    -moz-transition:all 1s ease;
    -o-transition:all 1s ease;
    transition:all 1s ease;
    color:#203161;
    }
    	
    #logo{
    	font-family: 'Quicksand', sans-serif;
    	color: #fff;
    	text-align:right;
    	float:left;
    	margin-left:5%;
    	font-size:0.9em;
    	line-height:115%;
    	margin-top:1%;
    	cursor:pointer;
    }
    
    #linklogo{
    	font-family: 'Quicksand', sans-serif;
    	margin-top:5%;
    	cursor:pointer;
    }
    .linkhome:hover{
    		cursor:pointer;
    }
    	
    header{
    	height:22%;
    }
    .navbar-header{
        margin-top:-2%;
    }
    
    #mimail{
        margin-top:-1%;
    }
	
}

@media screen and (max-width: 880px) and (orientation:portrait){
    #btndesc{
        float: left;
        margin-left:10%;
    }
    #btndesc2{
        float:right;
        
    }
    .videohome{
        float: left;
        width: 100%;
        margin-top: 0%;
        padding: 0;
        padding-right: 0;
        padding-left: 0;
    }
    .reccel{
        display:none;
        position: relative;
        background-color:#101a3d; 
        width:100%; 
        float:right; 
        height: 34%; 
        margin-top: -39.2%;
        z-index: -100000;
    }
	.bajada{
		width:100%;	
		font-size:12px;
	}
	#gal6{
        columns:2;
    }
	
	#desccv {
    margin-top: -90%;
    margin-left: 68%;
    width: 100%;
    float: left;
}
    #desccv2{
        margin-top: -10%;
        margin-left: 12%;
    	width: 100%;
        float: left;
    }
	.ic{
		width: 4%;
		margin-top: -4%;
		padding-top: 4%;
		float:left;	
	}
	#ico{
		width: 12%;
		float: left;
		margin-top: -2%;	
	}
	footer{
		font-family: 'Quicksand', sans-serif;
		width:100%;
		background-color:#203161;
		color:#FFF;
		height:10%;
		padding-top:3%;
	}
	
	#btnConocimientos{
		text-decoration:none; 
		color:#ff4aa3; 
		font-size:14px; 
		font-weight:700;	
	}
	#btnConocimientos:hover{
		-webkit-transition:all 1s ease;
		-moz-transition:all 1s ease;
		-o-transition:all 1s ease;
		transition:all 1s ease;
		color:#203161;
	}
	
	#logo{
		font-family: 'Quicksand', sans-serif;
		color: #fff;
		text-align:right;
		float:left;
		margin-left:5%;
		line-height:115%;
		font-size:0.9em;
		margin-top:1.7%;
		cursor:pointer;
	}
	
	#linklogo{
		font-family: 'Quicksand', sans-serif;
		margin-top:6%;
		cursor:pointer;
	}
	.linkhome:hover{
			cursor:pointer;
	}
		
	header{
		height:9%;
	}
}

@media screen and (min-width: 800px){
    #titconsulta{
        margin-top:-8%; 
    }
    
    h2{
        font-size:25px;
    }
    
    #txtmail{
        color: #E61F81;
        font-weight: 400;
        font-size: 14px;
        margin-top: -13%;
        margin-left: 20%;
    }
    #contact_form{
     padding-top:12%;   
    }
    #btndesc{
        float: left;
        margin-left:0%;
    }
    #btndesc{
        float: left;
        margin-left:-2%;
    }
    #btndesc2{
        float:right;
        margin-right:30%;
    }
    .videohome{
        float: left;
        width: 85%;
        margin-top: 2%;
        padding: 2%;
        padding-right: 6%;
        padding-left: 20%;
    }
    .reccel{
        position: relative;
        background-color:#101a3d; 
        width:100%; 
        float:right; 
        height: 45%; 
        margin-top: -39.2%;
        z-index: -100000;
    }
    
	header{
	    position:relative;
		font-family: 'Quicksand', sans-serif;
		width:100%;
		background-color:#ff2992;
		line-height:200%;
		color:#FFF;
		height:13%;
		z-index: 10000;
	}
	#gal6{
        columns:3;
    }
	
	.bajada{
		width:50%;	
		font-size:14px;
	}
	
	#btnConocimientos{
		text-decoration:none; 
		color:#E0006C; 
		font-size:16px; 
		font-weight:700;	
	}
	#btnConocimientos:hover{
		-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
	transition:all 1s ease;
	color:#203161;
	}
	footer{
		font-family: 'Quicksand', sans-serif;
		width:100%;
		background-color:#203161;
		color:#FFF;
		height:12%;
		padding-top:2%;
	}
	
	#logo{
		font-family: 'Quicksand', sans-serif;
		color: #fff;
		text-align:right;
		float:left;
		margin-left:5%;
		line-height:170%;
		font-size:1em;
		margin-top:2.5%;
		cursor:pointer;
	}
	
	.linkhome:hover{
		cursor:pointer;
	}
	
	#linklogo{
		font-family: 'Quicksand', sans-serif;
		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){
   
     #txtmail{
        color: #E61F81;
        font-weight: 400;
        font-size: 18px;
        margin-top: -13%;
        margin-left: 20%;
    }
    
    #icinst{
        margin-top:0%;
    }
    #icBeh {
        float: left;
        margin-left: 5%;
        margin-top: -0.5%;
    }
    #contact_form{
     padding-top:12%;   
    }
    #btndesc{
        float: left;
        margin-left:10%;
    }
    #btndesc2{
        float:right;
        margin-right:41%;
    }
    .reccel{
        position: relative;
        background-color:#101a3d; 
        width:100%; 
        float:right; 
        height: 50%; 
        margin-top: -39.2%;
        z-index: -100000;
    }
    
	#desccv{
    	margin-top: -112%;
        margin-left: -13%;
        width: 100%;
        float: left;
    }
    #desccv2{
        	margin-top: -10%;
            margin-left: -2%;
    		width: 100%;
    		float: left;
    }
    #gal6{
        columns:6;
    }
	.bajada{
		width:50%;	
		font-size:14px;
	    margin-left: -9%;
        margin-top: 7%;
        float:left;
	}
	header{
	    position:relative;
		font-family: 'Quicksand', sans-serif;
		width:100%;
		background-color:#ff2992;
		color:#FFF;
		height:13%;
		z-index:10000;
	}
	#btnConocimientos{
		text-decoration:none; 
		color:#ff4aa3; 
		font-size:18px; 
		font-weight:700;	
	}
	#btnConocimientos:hover{
		-webkit-transition:all 1s ease;
		-moz-transition:all 1s ease;
		-o-transition:all 1s ease;
		transition:all 1s ease;
		color:#203161;
	}
	footer{
		font-family: 'Quicksand', sans-serif;
		width:100%;
		background-color:#203161;
		color:#FFF;
		height:12%;
		padding-top:2%;
	}

	#logo{
		margin-left:5%;
		margin-top:1.5%;
		font-family: 'Quicksand', sans-serif;
		color: #fff;
		text-align:right;
		float:left;
		line-height:120%;
		font-size:1.2em;
		cursor:pointer;
	}
	
	.linkhome:hover{
		cursor:pointer;
	}
	
	#linklogo{
		font-family: 'Quicksand', sans-serif;
		margin-top:6%;
		cursor:pointer;
	}

	.navbar{
		display:block;	
	}
	
	.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 {
	  width:100%;
	  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%;
	}
}

@media screen and (min-width: 800px) and (orientation:portrait){
    .videohome {
        float: left;
        width: 100%;
        margin-top: -2%;
        padding: 2%;
        padding-right: 6%;
        padding-left: 6%;
    }
    
    .material-symbols-outlined{
        margin-top: 12%;
        float: left;
    }
    
    #mimail {
        padding-right:8%;
    }
    
     #txtmail{
        color: #E61F81;
        font-weight: 400;
        font-size: 14px;
        margin-top: -13%;
        margin-left: 20%;
    }
    #gal8 {
        columns:4;
    }
    #gal6 {
        columns:3;
    }
    #btndesc{
        float: left;
        margin-left:0%;
    }
    #btndesc2{
        float:right;
        margin-right:22%;
    }
    header{
        height:9%;
    }
    #cositos{
        margin-top: -54%;
        margin-bottom: -52%;
        float: left;
    }
    
    .ic {
        width: 5%;
        margin-top: -1%;
        padding-top: 4%;
        float: left;
    }
    #vtdesign {
        color: #ffffff;
        float: left;
        margin-left: 3%;
        margin-top: 3.5%;
        font-size: 20px;
    }
    #verotcher {
        color: #ffffff;
        float: left;
        margin-left: 9%;
        margin-top: 3%;
        font-size: 20px;
    }
    #icBeh {
        float: left;
        margin-left: 6%;
        margin-top: 3%;
    }
    #ico {
        width: 28%;
        float: left;
        margin-top: -2%;
    }
    #txtmail{
        color: #E61F81;
        font-weight: 400;
        font-size: 23px;
        margin-top: 12%;
    }
    #icinst{
        margin-top:-2%;
    }
}