/*   
       Creditos Web
	   Diseño: Roy Enríquez
       Programación: Jorge Eduardo Enríquez González.
	   04 de Mayo de 2020
	   Copyright: RESISTENCIAS SAN MARINO S.A DE C.V 2020
*/

/*******************Parametros iniciales en cero *************************************/

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: inherit;
	vertical-align: baseline;
} 

@font-face 
{
	 font-family: "Montserrat Regular";
     src: url("webfonts/Montserrat-Regular.ttf");
}

@font-face 
{
	 font-family: "Montserrat Bold";
     src: url("webfonts/Montserrat-Bold.ttf");
}

@font-face 
{
	 font-family: "Montserrat SemiBold";
     src: url("webfonts/Montserrat-SemiBold.ttf");
}

@font-face 
{
	 font-family: "Montserrat Medium";
     src: url("webfonts/Montserrat-Medium.ttf");
}

@font-face 
{
	 font-family: "Roboto Medium";
     src: url("webfonts/Roboto-Medium.ttf");
}

@font-face 
{
	 font-family: "Roboto";
     src: url("webfonts/Roboto-Regular.ttf");
}


/*****************************************Sección del panel de navegación************************************************************************************/ 

nav
{
	width:100%;
	height:13.5%;
	position:fixed;
	background-color:#FFFFFF;
	z-index:999;
}

nav img
{
	width:14.7%;	
	margin-left:9.7%;
	margin-bottom:0%;
	margin-top:0.5%;
	position:absolute;
}

#icono 
{
	display:none; 
}

.menu-movil
{
	display:none;
}

.menu
{
	position:absolute;
	margin-top:2.2%;
	width:35%;
	text-align:center;
	margin-left:63%;
}

.menu li  
{
	padding-right:0%;
	display: inline-block;
	width:32%;
}

.menu a
{
	text-decoration: none;
	color:#4C535B;
	font-family:Montserrat SemiBold;
	font-size:0.87vw;
	
}

.sub-menu 
{
	float:left;
	display:none;
	margin-top:5%;
	padding-left:0%;
	background-color:#FFFFFF;
}

.sub-menu li 
{
	display:block;
	margin-top:5%;
	width:100%;
}

.menu li:hover > ul
{
	display: block;
	
}

.menu li a:hover, .menu li:hover > a
{
	text-align:center;
	color:#004BBE;
	font-weight:bold;
}

/*****************************************Primera sección Banner************************************************************************************/

header #banner
{
	position:relative;
}

header #banner:before
{
	content:'';
	position:absolute;
    top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.6);
}

.centrado img
{
	width:100%;
	margin-top:3.8%;
	
}

.centrado h1
{
	width:57%;
	position:absolute;
	margin-top:27%;
	margin-left:21%;
	color:#FFFFFF;
	font-size:2.2vw;
	font-family:Montserrat Regular;
	text-align:center;
}

.centrado h1 span
{			    
    font-family:Montserrat Bold;
}

.centrado a
{
	width:12%;
	margin-top:42%;
	margin-left:42%;
	position:absolute;
	background-color:#004BBE;
	padding:1.5%;
	color:#FFFFFF;
	font-size:1.06vw;
	text-align:center;
	text-decoration:none;
	font-family:Roboto Medium;
}

.slider-movil 
{
	display:none; 
}

.slider {
	width: 100%;
	height:100%;
	margin: auto;
	overflow: hidden; 
}

.slider ul {
	display: flex;
	padding: 0;
	width: 400%;
	animation: cambio 40s infinite alternate linear; 
}

.slider li {
	width: 100%;
	list-style: none;
}

.slider img {
	width: 100%;
	
}

@keyframes cambio {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
}

/**************************************************Segunda sección**************************************************************************************/

#segunda #texto1
{
	width:20%;
	margin-left:14.5%;
	margin-top:7%;
	font-family:Montserrat Bold;
	font-size:2.25vw;
	color:#004BBE;
}

#segunda #imagen1 img
{
	width:21.6%;
	margin-left:14.5%;
	margin-top:4%;
	position:absolute;
}

#segunda #texto2
{
	width:16.4%;
	margin-left:17%;
	margin-top:23.5%;
	font-family:Montserrat Medium;
	font-size:1.4vw;
	text-align:center;
	color:#FFFFFF;
	position:absolute;
}

#segunda #imagen2 img
{
	width:21.6%;
	margin-left:40%;
	margin-top:4%;
	position:absolute;
}

#segunda #texto3
{
	width:16.4%;
	margin-left:42.5%;
	margin-top:23.5%;
	font-family:Montserrat Medium;
	font-size:1.4vw;
	text-align:center;
	color:#FFFFFF;
	position:absolute;
}

#segunda #imagen3 img
{
	width:21.6%;
	margin-left:65.5%;
	margin-top:4%;
	position:absolute;
}

#segunda #texto4
{
	width:16.4%;
	margin-left:68%;
	margin-top:23.5%;
	font-family:Montserrat Medium;
	font-size:1.4vw;
	text-align:center;
	color:#FFFFFF;
	position:absolute;
}

#segunda #texto5
{
	width:15%;
	margin-left:18%;
	margin-top:35%;
	font-family:Roboto Medium;
	font-size:1.06vw;
	position:absolute;
	text-align:center;
}

#segunda #texto5 a
{
	padding-bottom:8%;
	padding-left:26%;
	padding-right:26%;
	padding-top:10%;
	background:#004BBE;
	text-decoration:none;
	color:#FFFFFF;
}

#segunda #texto6
{
	width:15%;
	margin-left:43.5%;
	margin-top:35%;
	font-family:Roboto Medium;
	font-size:1.06vw;
	position:absolute;
	text-align:center;
}

#segunda #texto6 a
{
	padding-bottom:8%;
	padding-left:26%;
	padding-right:26%;
	padding-top:10%;
	background:#004BBE;
	text-decoration:none;
	color:#FFFFFF;
}

#segunda #texto7
{
	width:15%;
	margin-left:68.8%;
	margin-top:35%;
	font-family:Roboto Medium;
	font-size:1.06vw;
	position:absolute;
	text-align:center;
}

#segunda #texto7 a
{
	padding-bottom:8%;
	padding-left:26%;
	padding-right:26%;
	padding-top:10%;
	background:#004BBE;
	text-decoration:none;
	color:#FFFFFF;
}

/***************************************Tercera sección**************************************************************************************/

hr
{
	width:100%;
	margin-top:45%;
	opacity:0.1%;
	border-bottom: 1px solid #FFFFFF;
}

#tercera
{
	width:100%;
	background-color:#F4F4F4;
	height:30%;
}


#tercera #imagen4 img
{
	width:50.4%;
	background-color:#F4F4F4;
    position:absolute;
	margin-left:49.6%;
}

#tercera #texto8
{
	width:25%;
	padding-top:5%;
	padding-left:14.5%;
	padding-right:10.1%;
	font-family:Montserrat Bold;
	font-size:1.8vw;
	position:absolute;
	background-color:#F4F4F4;
	color:#004BBE;
	z-index:4;
}

#tercera #texto9
{
	width:25%;
	padding-top:9.5%;
	padding-left:14.5%;
	padding-right:10.1%;
	font-family:Roboto;
	font-size:1.1vw;
	position:absolute;
	background-color:#F4F4F4;
	color:#4C535B;
	z-index:3;
}

#tercera #texto10
{
	width:25%;
	padding-top:17%;
	padding-left:14.5%;
	padding-right:10.1%;
	font-family:Montserrat SemiBold;
	font-size:1.1vw;
	font-weight:bold;
	position:absolute;
	background-color:#F4F4F4;
	color:#4C535B;
	z-index:2;
}

#tercera #texto11
{
	width:25%;
	padding-top:25%;
	padding-left:14.5%;
	padding-right:10.1%;
	padding-bottom:6.22%;
	position:absolute;
	background-color:#F4F4F4;
}

#tercera #texto11 a
{
	background-color:#004BBE;
	padding:4.5%;
	font-size:1.02vw;
	color:#FFFFFF;
	text-decoration:none;
	font-family:Roboto Medium;
}

/***************************************Cuarta sección**************************************************************************************/


#cuarta .centrado2 
{
	width:100%;
}

#cuarta .centrado2 h1
{
	width:10.7%;
	padding-top:40%;
	margin-left:14.5%;
	font-size:2.25vw;
	font-family:Montserrat Bold;
	color:#004BBE;
}

#cuarta .centrado2 #texto12
{
	width:27.9%;
	padding-top:2.5%;
	margin-left:14.5%;
	font-size:1vw;
	font-family:Roboto;
	color:#4C535B;
	float:left;
}

#cuarta .centrado2 #texto13
{
	width:35%;
	padding-top:2.5%;
	margin-left:55%;
	font-size:1vw;
	font-family:Roboto;
	color:#4C535B;
	
}

/**************Formulario***************/

#cuarta form
{
	width:100%;
}


#cuarta #texto14
{
	width:27.9%;
	margin-top:6%;
	margin-left:14.5%;
	color:#4C535B;
	font-family:Roboto Medium;
	position:absolute;
	font-size:1.06vw;
}

#cuarta form #forma1
{
	width:100%;
	margin-top:6%;
	padding:4%;
	font-size:1.06vw;
}

#cuarta #texto15
{
	width:27.9%;
	margin-top:16%;
	margin-left:14.5%;
	color:#4C535B;
	font-family:Roboto Medium;
	position:absolute;
	font-size:1.06vw;
}

#cuarta form #forma2
{
	width:100%;
	margin-top:6%;
	padding:4%;
	font-size:1.06vw;
}

#cuarta #texto16
{
	width:27.9%;
	margin-top:26%;
	margin-left:14.5%;
	color:#4C535B;
	font-family:Roboto Medium;
	position:absolute;
	font-size:1.06vw;
}

#cuarta form #forma3
{
	width:100%;
	margin-top:6%;
	padding:4%;
	font-size:1.06vw;
}

#cuarta #texto17
{
	width:27.9%;
	margin-top:6%;
	margin-left:55%;
	color:#4C535B;
	font-family:Roboto Medium;
	position:absolute;
	font-size:1.06vw;
}

#cuarta form #forma4
{
	width:100%;
	margin-top:6%;
	padding:4%;
	font-size:1.06vw;
}

#cuarta #texto18
{
	width:27.9%;
	margin-top:16%;
	margin-left:55%;
	color:#4C535B;
	font-family:Roboto Medium;
	position:absolute;
	font-size:1.06vw;
}

#cuarta form #forma5
{
	width:100%;
	margin-top:6%;
	padding:4%;
	font-size:1.06vw;
}

#cuarta #texto19
{
	width:27.9%;
	margin-top:26%;
	margin-left:55%;
	color:#4C535B;
	font-family:Roboto Medium;
	position:absolute;
	font-size:1.06vw;
}

#cuarta form #forma6
{
	width:100%;
	margin-top:6%;
	padding:4%;
	font-size:1.06vw;
}

#cuarta #texto20
{
	width:27.9%;
	margin-top:36%;
	margin-left:14.5%;
	color:#4C535B;
	font-family:Roboto Medium;
	position:absolute;
}

#cuarta form #forma7
{
	width:50%;
	margin-top:6%;
	padding:4%;
	font-size:1.06vw;
	font-family:Roboto Medium;
	background-color:#004BBE;
	color:#FFFFFF;
}

/************************************Quinta y ultima seccion footer************************************************************************/

footer #imagen5-movil
{
	display:none;
}

footer #imagen5 img
{
	width:100%;
	float:left;
	padding-top:46%;
}

footer #texto21
{
	width:5.5%;
	margin-top:66%;
	margin-left:14.4%;
	position:absolute;
	font-family:Roboto Medium;
	font-size:1.06vw;
	color:#FFFFFF;
}

footer #texto22 
{
	width:16.4%;
	margin-top:69%;
	margin-left:14.4%;
	position:absolute;
	font-family:Roboto;
	font-size:0.96vw;
	color:#FFFFFF;
}

footer #texto23 
{
	width:16.4%;
	margin-top:71%;
	margin-left:14.4%;
	position:absolute;
	font-family:Roboto;
	font-size:0.96vw;
	color:#FFFFFF;
}

footer #texto24 
{
	width:16.4%;
	margin-top:73%;
	margin-left:14.4%;
	position:absolute;
	font-family:Roboto;
	font-size:0.96vw;
	color:#FFFFFF;
}

footer #texto25 
{
	width:16.4%;
	margin-top:75%;
	margin-left:14.4%;
	position:absolute;
	font-family:Roboto;
	font-size:0.96vw;
	color:#FFFFFF;
}

footer #texto26 
{
	width:16.4%;
	margin-top:77%;
	margin-left:14.4%;
	position:absolute;
	font-family:Roboto;
	font-size:0.96vw;
	color:#FFFFFF;
}

footer #texto22, #texto23, #texto24, #texto25, #texto26, a
{
	color:#FFFFFF;
	text-decoration: none;
}

footer hr
{
	width:78.2%;
	margin-left:14.4%;
	margin-top:82%;
	border-bottom: 1px solid #FFFFFF;
	position:absolute;
	opacity:1;
}

footer #texto27 
{
	width:20%;
	margin-top:84%;
	margin-left:14.4%;
	position:absolute;
	font-family:Roboto Medium;
	font-size:0.81vw;
	color:#FFFFFF;
	text-decoration: none;
}

footer #texto28
{
	width:10%;
	margin-top:66%;
	margin-left:42%;
	position:absolute;
	font-family:Roboto Medium;
	font-size:1.06vw;
	color:#FFFFFF;
}

footer #texto29 
{
	width:16.4%;
	margin-top:69%;
	margin-left:42%;
	position:absolute;
	font-family:Roboto;
	font-size:0.96vw;
	color:#FFFFFF;
}

footer #texto30 
{
	width:16.4%;
	margin-top:71%;
	margin-left:42%;
	position:absolute;
	font-family:Roboto;
	font-size:0.96vw;
	color:#FFFFFF;
}

footer #texto31 
{
	width:16.4%;
	margin-top:73%;
	margin-left:42%;
	position:absolute;
	font-family:Roboto;
	font-size:0.96vw;
	color:#FFFFFF;
}

footer #texto32 
{
	width:25%;
	margin-top:61%;
	margin-left:64%;
	position:absolute;
	font-family:Montserrat SemiBold;
	font-size:1.2vw;
	color:#FFFFFF;
}

footer form
{
	width:100%;
}

footer form #texto33
{	 
	width:14%;
	margin-top:67%;
	margin-left:64%;
	position:absolute;
	border: 0px solid white;
	opacity: 0.7;
}

::-webkit-input-placeholder { color: white; } 

:-moz-placeholder { /* Firefox 18- */ color: white; } 

::-moz-placeholder { /* Firefox 19+ */ color: white; } 

:-ms-input-placeholder { color: white; }

:focus::-webkit-input-placeholder{/* Para iOS */color:transparent;}

footer form #forma1
{
	border: 1px solid white;
	font-size:1.06vw;	
	padding:7.5%;
	color:#FFFFFF;
	background:#004BBE;
}

footer form #texto34
{
	width:14%; 
	margin-top:67%;
	margin-left:78.2%;
	position:absolute;
}

footer form #forma2
{
	border: 0px solid white;
	color:#004BBE;
	background:#FFFFFF;
	text-align:center;
	padding-top:9%;
	padding-bottom:8%;
	padding-left:25%;
	padding-right:28%;
	font-family:Roboto Medium;
	font-weight:bold;
	font-size:1.06vw;	
}

footer #texto35 
{
	width:28%;
	margin-top:73%;
	margin-left:64%;
	position:absolute;
	font-family:Roboto;
	font-size:0.96vw;
	color:#FFFFFF;
}

footer #texto36 
{
	width:10%;
	margin-top:84%;
	margin-left:66%;
	position:absolute;
	font-family:Roboto Medium;
	font-size:0.81vw;
	color:#FFFFFF;
}

footer #texto37 
{
	width:12%;
	margin-top:84%;
	margin-left:80.9%;
	position:absolute;
	font-family:Roboto Medium;
	font-size:0.81vw;
	color:#FFFFFF;
}

/**********************************************************************************************************************************************/
/*********************************Area de Media Queries****************************************************************************************/
/**********************************************************************************************************************************************/

@media screen and (max-width: 480px)
{

/***************Sección del panel de navegación***************************/ 

body
{
	float:left;
}

nav
{
	width:100%;
	height:18.5%;
	position:fixed;
	background-color:#FFFFFF;
	z-index:999;
}

nav img
{
	width:38.7%;	
	margin-left:9.6%;
	margin-bottom:4.5%;
	margin-top:4.6%;
	position:absolute;
}

#icono
{
	display:block;
}   

#icono img
{
	width:8.2%;
	margin-left:80%;
	margin-top:6%;
	
} 

/***************Primera sección Banner******************************/

header #banner:before
{
	display:none;
}

.menu
{
	display:none;
}

.menu-movil
{
	display:block;
	position:absolute;
	margin-top:20%;
}

.menu-movil li  
{
	padding-right:0%;
	display: block;
	width:49.6%;
	margin-left:25%;
	text-align:center;
	margin-top:10%;
}

.menu-movil a
{
	text-decoration: none;
	color:#4C535B;
	font-family:Montserrat SemiBold;
	font-size:4.5vw;
	margin:0;
	padding:0;
}

.sub-menu-m 
{
	float:left;
	display:block;
	margin-top:5%;
	padding-left:0%;
	background-color:#FFFFFF;
}

.sub-menu-m li 
{
	display:block;
	margin-top:10%;
	margin-left:22%;
	margin-bottom:20%;
	
	padding:0;
}

.sub-menu-m a
{
	width:49.6%;
	font-size:3.5vw;
	font-family:Montserrat SemiBold;
	text-align:center;
}

.centrado
{
	float:left;
}

.centrado h1
{
	display:none;
}

.centrado a
{
	display:none;
}

.slider 
{
	display:none; 
}

.slider-movil
{
	display:block;
}

.slider-movil {
	width: 100%;
	height:100%;
	margin: auto;
	overflow: hidden; 
}

.slider-movil ul {
	display: flex;
	padding: 0;
	width: 400%;
	animation: cambio 40s infinite alternate linear; 
}

.slider-movil li {
	width: 100%;
	list-style: none;
}

.slider-movil img {
	width: 100%;
	
}

@keyframes cambio {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
}

/******************Segunda sección*********************************/

#segunda #texto1
{
	width:40%;
	margin-left:9.2%;
	margin-top:14%;
	font-size:4.8vw;
}

#segunda #imagen1 img
{
	width:80.2%;
	margin-left:10%;
	margin-top:8%;
}

#segunda #texto2
{
	width:61%;
	margin-left:20%;
	margin-top:78%;
	font-size:5vw;
}

#segunda #imagen2 img
{
	width:80.2%;
	margin-left:10%;
	margin-top:135%;
}

#segunda #texto3
{
	width:61%;
	margin-left:20%;
	margin-top:205%;
	font-size:5vw;
}

#segunda #imagen3 img
{
	width:80.2%;
	margin-left:10%;
	margin-top:262%;
}

#segunda #texto4
{
	width:61%;
	margin-left:20%;
	margin-top:332%;
	font-size:5vw;
}

#segunda #texto5
{
	width:50%;
	margin-left:25%;
	margin-top:115%;
	font-size:2.8vw;
}

#segunda #texto5 a
{
	padding-bottom:8%;
	padding-left:20%;
	padding-right:20%;
	padding-top:8%;
}

#segunda #texto6
{
	width:50%;
	margin-left:25%;
	margin-top:242%;
	font-size:2.8vw;
}

#segunda #texto6 a
{
	padding-bottom:8%;
	padding-left:20%;
	padding-right:20%;
	padding-top:8%;
}

#segunda #texto7
{
	width:50%;
	margin-left:25%;
	margin-top:369%;
	font-size:2.8vw;
}

#segunda #texto7 a
{
	padding-bottom:8%;
	padding-left:20%;
	padding-right:20%;
	padding-top:8%;
}

/*********************Tercera sección***********************/

hr
{
	width:100%;
	margin-top:390%;
	opacity:0.1%;
	border-color: 1px solid #000000;
}

#tercera
{
	width:100%;
	background-color:#F4F4F4;
	height:30%;
}


#tercera #imagen4 img
{
	width:100%;
	background-color:#F4F4F4;
    position:static;
	margin-left:0%;
}

#tercera #texto8
{
	width:60.8%;
	padding-top:5%;
	padding-left:9.6%;
	padding-right:10.1%;
	font-size:4.6vw;
	position:static;
}

#tercera #texto9
{
	width:80.5%;
	padding-top:4.5%;
	padding-left:9.6%;
	padding-right:0%;
	font-size:4vw;
	position:static;
}

#tercera #texto10
{
	width:80%;
	padding-top:7%;
	padding-left:9.6%;
	padding-right:0%;
	font-size:3.5vw;
	font-weight:bold;
	position:static;
}

#tercera #texto11
{
	width:38.9%;
	padding-top:15%;
	padding-left:30.4%;
	padding-right:0%;
	padding-bottom:16.22%;
	position:static;
}

#tercera #texto11 a
{
	padding:8%;
	font-size:2.8vw;
}


/******************Cuarta sección*****************************/


#cuarta .centrado2 h1
{
	width:10.7%;
	padding-top:10%;
	margin-left:9.6%;
	font-size:5vw;
}

#cuarta .centrado2 #texto12
{
	width:80.5%;
	padding-top:2.5%;
	margin-left:9.6%;
	font-size:3.8vw;
	float:none;
}

#cuarta .centrado2 #texto13
{
	width:80.5%;
	padding-top:2.5%;
	margin-left:9.6%;
	font-size:3.8vw;
}

/**************Formulario***************/


#cuarta #texto14
{
	width:80.5%;
	margin-top:6%;
	margin-left:9.6%;
	position:static;
	font-size:3.5vw;
}

#cuarta form #forma1
{
	width:90.5%;
	margin-top:6%;
	padding:4%;
	font-size:3.5vw;
}

#cuarta #texto15
{
	width:80.5%;
	margin-top:8%;
	margin-left:9.6%;
	position:static;
	font-size:3.5vw;
}

#cuarta form #forma2
{
	width:90.5%;
	margin-top:6%;
	padding:4%;
	font-size:3.5vw;
}

#cuarta #texto16
{
	width:80.5%;
	margin-top:8%;
	margin-left:9.6%;
	position:static;
	font-size:3.5vw;
}

#cuarta form #forma3
{
	width:90.5%;
	margin-top:6%;
	padding:4%;
	font-size:3.5vw;
}

#cuarta #texto17
{
	width:80.5%;
	margin-top:8%;
	margin-left:9.6%;
	position:static;
	font-size:3.5vw;
}

#cuarta form #forma4
{
	width:90.5%;
	margin-top:6%;
	padding:4%;
	font-size:3.5vw;
}

#cuarta #texto18
{
	width:80.5%;
	margin-top:8%;
	margin-left:9.6%;
	position:static;
	font-size:3.5vw;
}

#cuarta form #forma5
{
	width:90.5%;
	margin-top:6%;
	padding:4%;
	font-size:3.5vw;
}

#cuarta #texto19
{
	width:80.5%;
	margin-top:8%;
	margin-left:9.6%;
	position:static;
	font-size:3.5vw;
}

#cuarta form #forma6
{
	width:90.5%;
	margin-top:6%;
	padding:4%;
	font-size:3.5vw;
}

#cuarta #texto20
{
	width:38.9%;
	margin-top:8%;
	margin-left:9.6%;
	position:static;
}

#cuarta form #forma7
{
	width:100%;
	margin-top:6%;
	padding-left:26%;
	padding-right:26%;
	padding-bottom:8%;
	padding-top:8%;
	font-size:2.5vw;
}

/******************Quinta y ultima seccion footer*********************/

footer #imagen5 
{
	display:none;
}

footer #imagen5-movil 
{
	display:block;
}

footer #imagen5-movil img
{
	width:100%;
	float:none;
	padding-top:16%;
	position:absolute;
}

footer #texto21
{
	width:24.8%;
	margin-top:46%;
	margin-left:9.6%;
	font-size:4vw;
}

footer #texto22 
{
	width:64.2%;
	margin-top:56%;
	margin-left:9.6%;
	font-size:3.5vw;
}

footer #texto23 
{
	width:64.2%;
	margin-top:64%;
	margin-left:9.6%;
	font-size:3.5vw;
}

footer #texto24 
{
	width:64.2%;
	margin-top:72%;
	margin-left:9.6%;
	font-size:3.5vw;
}

footer #texto25 
{
	width:64.2;
	margin-top:80%;
	margin-left:9.6%;
	font-size:3.5vw;
}

footer #texto26 
{
	width:64.2%;
	margin-top:88%;
	margin-left:9.6%;
	font-size:3.5vw;
}

footer hr
{
	width:80%;
	margin-left:9.6%;
	margin-top:245%;
}

footer #texto27 
{
	width:90%;
	margin-top:276%;
	margin-left:5%;
	font-size:3.5vw;
	text-align:center;
}

footer #texto28
{
	width:64.2%;
	margin-top:105%;
	margin-left:9.6%;
	font-size:4vw;
}

footer #texto29 
{
	width:64.2%;
	margin-top:118%;
	margin-left:9.6%;
	font-size:3.5vw;
}

footer #texto30 
{
	width:64.2%;
	margin-top:126%;
	margin-left:9.6%;
	font-size:3.5vw;
}

footer #texto31 
{
	width:64.2%;
	margin-top:134%;
	margin-left:9.6%;
	font-size:3.5vw;
}

footer #texto32 
{
	width:70%;
	margin-top:150%;
	margin-left:9.6%;
	font-size:4vw;
}

footer form #texto33
{	 
	width:90.5%;
	margin-top:169%;
	margin-left:9.6%;
	text-align:left;
}

footer form #forma1
{
	
	font-size:3vw;	
	padding-left:4%;
	padding-right:44%;
	padding-top:5%;
	padding-bottom:5%;
}

footer form #texto34
{
	width:45.5%; 
	margin-top:190%;
	margin-left:9.6%;
	position:absolute;
}

footer form #forma2
{
	padding-top:9%;
	padding-bottom:8%;
	padding-left:25%;
	padding-right:28%;
	font-size:2.5vw;	
}

footer #texto35 
{
	width:80%;
	margin-top:213%;
	margin-left:9.6%;
	font-size:3.5vw;
}

footer #texto36 
{
	width:64.2%;
	margin-top:260%;
	margin-left:32.2%;
	position:absolute;
	font-size:3.5vw;
}

footer #texto37 
{
	width:64.2%;
	margin-top:268%;
	margin-left:28.2%;
	font-size:3.5vw;
}


}

@media screen and (max-width: 450px)
{
nav
{
	height:15%;
}

@media screen and (max-width: 350px)
{
nav
{
	height:12%;
}
}

@media screen and (max-width: 300px)
{
nav
{
	height:10%;
}
}

@media screen and (max-width: 250px)
{
nav
{
	height:8%;
}
}