/*clearfix*/		
.clearfix:after {
    content:"";
    display:block;
    clear:both;
}
/*clearfix*/

*{
	margin: 0;
	padding: 0;
	border: none;
	font-family: 'Raleway', sans-serif;
}

a{
	text-decoration: none;
}

body{
	background: url(images/squares.png);
}

nav{
	background: white;
	border-bottom: 1px solid lightgray;
}


.nav {
	width: 80%;
	margin: 0 auto;
	background: white;
}

.nav img{
	float: left;
	margin: 4px 0 0 0;
	padding: 0 4px;
	background: white;
}

.nav ul{
	float: left;
	list-style: none;
	background-color: white;
	width: 48.5%;
	margin: 0 0 0 1%;
	font-size: 11px;
	display: table;
}

.nav li{
	float: left;
	display: table-cell;
}

.nav li a{
	display: block;
	padding: 25px 10px;
	text-decoration: none;
	color: #283991;
	text-transform: uppercase;
	font-weight: 900;
	transition: all ease .3s;
}

.nav a:hover{
	background: #F0F0F0;
}

.sticky{
	position: fixed;
	width: 100%;
}


#logos{
	width: 100%;
	margin:0 auto;
}

.logos{
	float: left;
	width: 50%;
	text-align: center;
	padding: 20px;
	margin: 20px 0;
	box-shadow: 0 0 4px rgba(0,0,0,.5);
	box-sizing: border-box;
}

#royalTape{
	background: #E0E2E2;
}

#monsterTape{
	background: white;
}

.descripcion-marca{
	height: 50px;
	padding: 10px 0;
}

.tipo-de-adhesivo{
	margin: 20px;
	padding: 20px;
	border-top: 1px solid #CED0D0;
	border-bottom: 1px solid #CED0D0;
}

.tipo-de-adhesivo h2{
	color: #2A3277;
	font-weight: 900;
	font-size: 50px;
}

.tipo-de-adhesivo h3{
	font-size: 25px;
}

.caracteristica-principal{
	margin: 20px;
	padding: 20px;
	border-bottom: 1px solid #CED0D0;
}

.caracteristica-principal h2{
	color: #2A3277;
	font-weight: 700;
	font-size: 50px;
	height: 50px;
}

.caracteristica-principal h3{
	color: #2A3277;
	font-size: 25px;
	height: 50px;
}

.producto-de-marca{
	background: white;
	padding: 20px 0;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	margin: 0 0 20px 0;
	display: block;
	text-decoration: none;
	transition: all ease .3s;
}

.producto-de-marca:hover{
	box-shadow: 0 0 8px rgba(0,0,0,0.5);
}

.producto-de-marca img{
	width: 150px;
}

.producto-de-marca h2{
	text-transform: uppercase;
	color: #2A3277;
	font-weight: 900;
	font-size: 14px;
}

#medidasIndex{
	background: lightgray;
}

.medidasIndex{
	color: gray;
	text-align: center;
	padding: 80px 20px;
	box-sizing: border-box;
}

.medidasIndex h3{
	font-size: 50px;
	font-weight: 700;
}

.medidasIndex p{
	font-size: 30px;
	font-weight: 100;
}



footer{
	background: #2A3277;
}


.footer{
	color: white;
	text-align: center;
	padding: 160px 20px;
	box-sizing: border-box;
	font-size: 22px;
}

.footer strong{
	color:#FCB01A;
}

#telefonos{
	font-size: 30px;
	padding: 10px 0;
}

#producto{
	background: rgba(255,255,255,.5);
}

.producto{
	padding: 40px 0;
	width: 1500px;
	margin: 0 auto;
}

#foto-form{
	float: right;
	width: 45%;
	margin: 30px 0 0 40px;
}

#imagenProductoPrincipal{
	float: right;
	width: 100%;
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
}

#productoMarca{
	width: 150px;
}

.producto h1{
	text-transform: uppercase;
	font-size: 40px;
	font-weight: 200;
}

.producto h2{
	text-transform: uppercase;
	font-size: 20px;
	font-weight: 400;
	color: #283991;
}

.producto h3{
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 700;
	color: gray;
	margin: 0 0 70px 0;
}

.producto h4{
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 400;
	color: #283991;
	margin: 20px 0 0 0;
}

.producto ul{
	margin: 20px 20px 20px 60px;
	width: 600px;
}

.producto p{
	padding: 10px 0;
	text-align: justify;
}



form{
	float: right;
	width: 100%;
	margin: 60px 0 0 0;
	padding: 40px 20px;
	box-sizing: border-box;
	background: #DDDDDD;
	border-radius: 5px;
	
}

form h2{
	text-align: center;
	padding: 20px;
}

.formLine{
	width: 100%;
	padding: 5px 0;
}

.formLine label{
	float: left;
	display: block;
	width: 30%;
	padding: 10px 20px;
	margin: 0;
	box-sizing: border-box;
}

.formLine input, .formLine textarea{
	float: right;
	width: 60%;
	padding: 10px 20px;
	margin: 0;
	box-sizing: border-box;
	border-radius: 3px;
	border: 1px solid gray;
	outline: none;
	transition: all ease .3s;
}

.formLine input:focus, .formLine textarea:focus{
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
}

.formLine input[type="submit"]{
	float: right;
	width: 60%;
	padding: 20px;
	box-sizing: border-box;
	cursor: pointer;
	border:none;
	background: rgba(42,50,119,1);
	color: white;
	transition: all ease .3s;
}

.formLine input[type="submit"]:hover{
	background: rgba(61,72,173,1);
}


#thanks{
	margin: 250px auto;
	text-align: center;
	font-size: 40px;
	padding: 20px;
}

#thanks img{
	width: 200px;
	padding: 20px;
}


.slicknav_menu{
	display:none;
}


@media (max-width: 1869px) {
	nav ul{
	border-left: 1px solid lightgray;
	border-right: 1px solid lightgray;
	}
}

@media (max-width: 1500px) {
.producto{
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
}

.producto ul{
	width: auto;
}

}


@media (max-width: 900px) {

.nav {
	display:none;
}
	
.slicknav_menu {
	display:block;
}

#foto-form{
	width: 100%;
}

.logos img{
	width: 50%;
}

.descripcion-marca{
	height: 200px;
}

.tipo-de-adhesivo, .caracteristica-principal{
	padding: 0;
}

.tipo-de-adhesivo h2, .caracteristica-principal h2{
	font-size: 18px;
}

.tipo-de-adhesivo h3, .caracteristica-principal h3{
	font-size: 16px;
}

.caracteristica-principal h2, .caracteristica-principal h3{
	height: 100px;
}

.producto-de-marca h2{
	font-size: 12px;
}

.medidasIndex h3, .medidasIndex strong, .medidasIndex p{
	font-size: 16px;
}

.footer p{
	font-size: 16px;
}

.footer strong{
	font-size: 16px;
}

}


@media (max-width: 500px) {

.descripcion-marca p{
	font-size: 12px;
}

.formLine input, .formLine textarea{
	width: 100%;
}

.formLine label{
	width: 100%;
}

.formLine input[type="submit"]{
	width: 100%;
}


}