//---------------------------- [ Import ] ------------------------------/

@import "plugins.css"
@import "secciones.styl"

//---------------------------- [ Colores ] ------------------------------/

azultg=#00469f
azultg2=#003b87
azultg3=#00306d
blancotg=#fff
naranjatg=#ff1818

//---------------------------- [ Fuentes ] ------------------------------/

//fuente='Playball'
fuente='Muli'
fuente1='Muli'
fuente2='Roboto Condensed'
fuente3='Roboto Light'
fuente4='Roboto'


//---------------------------- [ Args ] ------------------------------/
//transition
transition()
	-webkit-transition arguments
	-moz-transition arguments
	-o-transition arguments
	-ms-transition arguments
	transition arguments

//transform
transform()
	-webkit-transform arguments
	-moz-transform arguments
	-o-transform arguments
	-ms-transform arguments
	transform arguments
	
//background-size
background-size()
	-webkit-background-size arguments
	-moz-background-size arguments
	-o-background-size arguments
	-ms-background-size arguments
	background-size arguments

//border-radius
border-radius()
	-wibkit-border-radius arguments
	-moz-border-radius arguments
	-o-border-radius arguments
	-ms-border-radius arguments
	border-radius arguments
	
//opacity
opacity()
	opacity arguments
	-webkit-opacity arguments
	-moz-opacity arguments
	-ms-opacity arguments
	-o-opacity arguments
	
//box-shadow
box-shadow()
	box-shadow arguments
	-webkit-box-shadow arguments
	-moz-box-shadow arguments
	-ms-box-shadow arguments
	-o-box-shadow arguments
	
//text-shadow
text-shadow()
	text-shadow arguments
	-webkit-text-shadow arguments
	-moz-text-shadow arguments
	-ms-text-shadow arguments
	-o-text-shadow arguments
	
//transition
cursor()
	-webkit-cursor arguments
	-moz-cursor arguments
	-o-cursor arguments
	-ms-cursor arguments
	cursor arguments
	
//bloque-tg
bloque-tg()
	display inline-block
	vertical-align top


//________________________________________________________________________/
//________________________________________________________________________/
//---------------------------- [ ESTILOS ] ------------------------------/
body
	font-family fuente1
	font-size 18px
	text-align center
	padding 0px
	margin 0px
	border 0px
	background #ffffff
	hr
	figure
	button
	p
	h1
	h2
	h3
	h4
	h5
	h6
		padding 0px
		margin 0px
		border 0px




// <----|  Header  |--------------------------------------<<<<		
header
	width 100%
	height auto
	background url('../img/fondo_header.jpg') center bottom
	background-size (cover)
	text-align left
			
.cont-logo
	height 130px
	box-shadow (0px 1px 18px 1px rgba(0,0,0,0.5))
	figure
		display inline-block
		img
			margin 5px 0px 0px 0px
			width 170px
			height auto
			
.cont-menu
	width 100%
	height 70px
	background rgb(0,59,135)
	background -moz-linear-gradient(top, rgba(0,59,135,1) 0%, rgba(0,70,159,1) 100%)
	background -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,59,135,1)), color-stop(100%,rgba(0,70,159,1)))
	background -webkit-linear-gradient(top, rgba(0,59,135,1) 0%,rgba(0,70,159,1) 100%)
	background -o-linear-gradient(top, rgba(0,59,135,1) 0%,rgba(0,70,159,1) 100%)
	background -ms-linear-gradient(top, rgba(0,59,135,1) 0%,rgba(0,70,159,1) 100%)
	background linear-gradient(to bottom, rgba(0,59,135,1) 0%,rgba(0,70,159,1) 100%)
	position relative
	

.cont-menu2
	position fixed
	top 0px
	box-shadow (0px 27px 19px -17px rgba(0,0,0,0.4))
	z-index 2

.menu
	font-size 0px
	nav
		ul
			width auto
			bloque-tg ()
			li
				display inline-block
				font 17px fuente1
				color blancotg
				line-height 70px
				padding 0px 15px 0px 15px
				transition (all 200ms ease-out 20ms)
				text-shadow (2px 2px 0px rgba(0,0,0,0.5))
				position relative
				&:hover
					background azultg2
				.children
					display block
					background rgba(0,43,99,.8)
					position absolute
					width auto
					z-index 999
					border-bottom -75%
					width 100%
					left 0px
					opacity (0)
					transform (scale(0,1))
					transition (all 200ms ease-out 20ms)
					li
						display block
						border-bottom 1px solid rgba(255,255,255,.1)
						font 14px fuente3
						height 50px
						line-height 50px
						padding 0px 5px 0px 5px
						text-align center
						img
							padding 13px 5px 0px 0px
							bloque-tg ()
						&:hover
							background rgba(2,43,86,1)
						.children22
							display blok
							background rgba(168,25,37,.9)
							position absolute
							width 100%
							z-index 999
							left 100%
							top -75%
							opacity (0)
							transform (scale(1,0))
							transition (all 200ms ease-out 20ms)
							border-left 1px solid rgba(255,255,255,.1)
							li
								font 12px fuente3
								height 20px
								line-height 20px
								width 100%
								padding 0px 12px 0px 12px
								&:hover
									background rgba(150,19,30,1)

				&:hover
					.children
						transform (scale(1,1))
						display block
						border-bottom 0%
						opacity (1)
						li:hover
							.children22
								transform (scale(1,1))	
								display block
								top 0%
								opacity (1)



.menu-idioma
	width auto
	height auto
	float right
	margin 15px 0px 0px 0px
	img
		width 40px
		height 40px
		border-radius (50%)
		margin 0px 10px 0px 10px
		box-shadow (0px 0px 10px rgba(0,0,0,0.5))
		transition (all 200ms ease-out 20ms)
		&:hover
			transform (scale(1.1,1.1))
			

.redes-top
	width auto
	height auto
	float right
	margin 30px 0px 0px 0px
	
.h-number
	width auto
	height 45px
	display inline-block
	vertical-align top
	border-top 1px solid azultg
	border-bottom 1px solid azultg
	border-right 1px solid azultg
	border-radius (5px)
	font-size 0px
	margin-left 7px
	background blancotg
	.h-ico
		width 45px
		height 45px
		background azultg
		display inline-block
		text-align center
		margin -1px -3px 0px 0px
		border-radius (5px 0px 0px 5px)
		span
			font-size 20px
			color blancotg
			line-height 45px
	p
		font 18px fuente2
		color #334152
		line-height 45px
		padding 0px 19px 0px 12px
		display inline-block
		vertical-align top

.h-fb
.h-tw
.h-yt
.h-flick
	height 44px
	.h-ico
		border-radius (5px)

.h-fb
	border 0px solid #fff 
	border-bottom
	.h-ico
		background #48649f !important
		transition (all 200ms ease-out 20ms) !important
		span
			font-size 20px !important
			line-height 40px !important
		&:hover
			background #234877 !important
	
.h-tw
	border 0px solid #fff 
	.h-ico
		background #55acee !important
		transition (all 200ms ease-out 20ms) !important
		span
			font-size 18px !important
		&:hover
			background #409be0 !important
			
.h-yt
	border 0px solid #fff 
	.h-ico
		background #de2623 !important
		transition (all 200ms ease-out 20ms) !important
		span
			font-size 18px !important
		&:hover
			background #b8110e !important
			
.h-flick
	border 0px solid #fff 
	.h-ico
		background #005dc7 !important
		transition (all 200ms ease-out 20ms) !important
		span
			font-size 18px !important
		&:hover
			background #004da4 !important


.lema-top
	width auto
	height 45px
	bloque-tg ()
	padding 0px 20px 0px 15px
	background naranjatg
	border-radius (5px)
	p
		font 17px fuente1
		color blancotg
		line-height 45px
		span
			float left
			line-height 45px
			margin 0px 10px 0px 0px

.menu_bar
	display none
	width 100px
	height 105px
	position fixed
	top 0px
	right 0px
	z-index 10
	color #fff
	text-align center
	cursor pointer
	transition (all 300ms ease-out 30ms)
	background #e5e7fa
	p
		line-height 105px
		font-size 50px
		color azultg2
		transition (all 300ms ease-out 30ms)
	&:hover
		background azultg2
		p
			color #fff

.menu_bar2
	background azultg
	p
		color #fff
	&:hover
		background azultg2

.h-numeros
	display none
	width 100%
	height auto
	text-align center
	border-top 1px solid rgba(255,255,255,0.5)
	padding 10px 0px 3px 0px
	p
		font 14px fuente3
		color blancotg
		line-height 25px
		width auto
		display inline-block
		vertical-align top
		span
			float left
			line-height 22px
			margin 0px 5px 0px 5px

.h-redes
	display none
	width 100%
	height auto
	text-align center
	padding 0px 0px 0px 0px
	a
		font 20px fuente3
		color blancotg
		line-height 25px
		width auto
		display inline-block
		vertical-align top
		padding 0px 10px 0px 10px
		border-left 1px solid blancotg
		&:first-child
			border-left 0px solid blancotg


// - RESPONSIVE  [ Header ]***********************************************

// [Escritorio - Header ]------------------------------------------------------
@media screen and (max-width: 1200px)
	.cont-menu
		.container
			width 90%


@media screen and (max-width: 1130px)
	.cont-menu
		.container
			width 96%

	.menu
		font-size 0px
		nav
			ul
				width auto
				bloque-tg ()
				li
					display inline-block
					font 15px fuente1
					color blancotg
					line-height 70px
					padding 0px 15px 0px 15px
					transition (all 200ms ease-out 20ms)
					text-shadow (2px 2px 0px rgba(0,0,0,0.5))
					position relative
					&:hover
						background azultg2
					.children
						display block
						background rgba(0,43,99,.8)
						position absolute
						width auto
						z-index 999
						border-bottom -75%
						width 100%
						left 0px
						opacity (0)
						transform (scale(0,1))
						transition (all 200ms ease-out 20ms)
						li
							display block
							border-bottom 1px solid rgba(255,255,255,.1)
							font 13px fuente3
							height 50px
							line-height 50px
							padding 0px 5px 0px 5px
							text-align center
							img
								padding 13px 5px 0px 0px
								bloque-tg ()
							&:hover
								background rgba(2,43,86,1)
							.children22
								display blok
								background rgba(168,25,37,.9)
								position absolute
								width 100%
								z-index 999
								left 100%
								top -75%
								opacity (0)
								transform (scale(1,0))
								transition (all 200ms ease-out 20ms)
								border-left 1px solid rgba(255,255,255,.1)
								li
									font 12px fuente3
									height 20px
									line-height 20px
									width 100%
									padding 0px 12px 0px 12px



// [Tablet - Header ]------------------------------------------------------
@media screen and (max-width: 991px)
	.cont-logo
		height 105px
		text-align left
		figure
			display inline-block
			img
				margin 10px 0px 0px 0px
				width 130px
				height auto
		.container
			width 95%
				
	.cont-logo2
		position fixed
		z-index 2
		top 0px
		left 0px
		width 100%
		box-shadow (0px 1px 18px 1px rgba(0,0,0,0.5))
		background url('../img/fondo_header.jpg') center bottom
		background-size (cover)

	.redes-top
		display none

	.cont-menu
		width 100%
		height 0px
		position relative
		
	.cont-menu2
		position fixed
		top 0px
		box-shadow (0px 27px 19px -17px rgba(0,0,0,0.4))
		z-index 2
		
	
	.lema-top
		display none

	.menu_bar
		display block
		z-index 9
	
	.menu
		position absolute
		z-index 9
		height 0px
		nav
			width 100%
			position fixed
			left -100%
			height 100%
			top 105px
			background rgba(0,70,159,0.95)
			padding 20px 0px 0px 0px 
			ul
				width 100%
				li
					display block
					width 100%
					text-align center
					font 19px fuente
					height 40px
					line-height 40px
					padding 0px
					margin 0px
					.children
						display none
						li
							.children2
								display none
					&:hover
						.children
							display none
							li
								.children2
									display none

	.menu-idioma
		display none									


	.h-redes
	.h-numeros
		display block



// [Movil - Header ]------------------------------------------------------
@media screen and (max-width: 767px)
	.cont-logo
		figure
			img
				margin 10px 0px 0px 15px


@media screen and (max-width: 470px)
	.cont-logo
		height 70px
		background blancotg
		figure
			display inline-block
			img
				margin 6px 0px 0px 10px
				width 100px
				height auto
				
	.menu_bar
		width 70px
		height 70px
		top 0px
		right 0px
		border-bottom 0px solid #7a131d
		border-radius (0px)
		p
			line-height 70px
			font-size 50px
		&:hover
			background azultg2
			p
				color #fff

	.menu
		nav
			top 70px

// <----|  Fin Header  |--------------------------------------<<<<













// [ Slider ] <--------------------------------/
#inicio
	width 100%
	height auto
	background blancopgs
	bloque ()
	overflow hidden !important
  
.slider
	width 100%
	height auto
	text-align left
	bloque ()
	transition all 300ms ease-out 30ms
	overflow hidden !important
// [ Fin Slider ] <--------------------------------/











// <----|  Anuncio  |--------------------------------------<<<<
.anuncio-general
	width auto
	height auto
	position fixed
	bottom 10%
	right 0px
	z-index 2
	img
		width auto
		height auto
		
@media screen and (max-width: 850px)
	.anuncio-general
		width auto
		height auto
		position fixed
		bottom 10%
		right 0px
		z-index 2
		img
			width 200px
			height auto
// <----|  Fin Anuncio  |--------------------------------------<<<<












// <----|  Portada  |--------------------------------------<<<<
#portada
	width 100%
	height auto
	padding 50px 20px 50px 20px
	
.port-item
	width 100%
	height auto
	min-height 435px
	bloque-tg ()
	box-shadow 0px 0px 10px 0px rgba(0,0,0,0.4)
	margin 0px 0px 30px 0px
	border-radius (5px)
	overflow hidden
	background #eeeeee
	text-align left
	
.port-item2
	width 100%
	height auto
	min-height 320px
	bloque-tg ()
	box-shadow 0px 0px 10px 0px rgba(0,0,0,0.4)
	margin 0px 0px 30px 0px
	border-radius (5px)
	overflow hidden
	background #eeeeee
	text-align left
	
.port-item3
	width 100%
	height auto
	bloque-tg ()
	box-shadow 0px 0px 10px 0px rgba(0,0,0,0.4)
	margin 0px 0px 30px 0px
	border-radius (5px)
	overflow hidden
	background #eeeeee
	text-align center
	
.port-titulo
	width 100%
	height 50px
	background azultg
	p
		font 17px fuente2
		color blancotg
		text-transform uppercase
		text-align left
		line-height 52px
		padding 0px 15px 0px 20px
		span
			font-size 23px
			float left
			line-height 50px
			margin 0px 17px 0px 0px
			
.port-box
	width 100%
	height auto
	background #eeeeee
	figure
		width 100%
		height 150px
		overflow hidden
		img
			width 100%
			height auto
	p
		font 15px fuente1
		color  #555a61
		text-align left
		line-height 24px
	ul
		a
			font 15px fuente1
			color  #555a61
			text-align left
			line-height 18px
			border-top 1px dashed rgba(0,0,0,0.2)
			padding 10px 0px 10px 0px
			bloque-tg ()
			width 100%
			strong
				font-size 12px
				font-weight bold
				color naranjatg
		a:before
			font-family 'tg'
			content '\e856'
			speak none
			font-size 26px
			float left
			line-height 37px
			margin 0px 13px 0px 0px
			color #cbced2
			transition (all 200ms ease-out 20ms)
		a:first-child
			border-top 0px dashed rgba(0,0,0,0.2)
			padding 0px 0px 10px 0px
		a:hover:before
			color azultg
			margin 0px 9px 0px 0px
		a:hover
			color azultg2

.port-box2
	width 100%
	height auto
	padding 20px

#load-gmap
	width 100%
	height 300px
	margin-top 0px

.carousel-intro1
	width 100%
	height auto
	margin 0px 0px 15px 0px

.carousel-item
	width 100%
	height 200px
	border-radius (5px)
	overflow hidden
	img
		width 100%
		height auto

.port-ss
	width 100% !important
	height auto !important
	border-radius (5px)
	img
		width 100% !important
		height auto !important
		
.port-titulo-verde
	background #82bc04
	
.port-titulo-naranja
	background #ff5f00

.port-titulo-celeste
	background #1475bb
	
.port-titulo-verdep
	background #00b9a1

// Portada - RESPONSIVE  [ INICIO ]***********************************************

// Portada - [Escritorio]------------------------------------------------------
//@media screen and (max-width: 1200px)

// Portada - [Tablet]------------------------------------------------------

// Portada - [Movil]------------------------------------------------------
@media screen and (max-width: 768px)
	.port-item
		width 100%
		height auto
		min-height auto

@media screen and (max-width: 500px)
	.port-ss
		width 100% !important
		height auto !important
		img
			width 100% !important
			height auto !important

// Portada - RESPONSIVE [ FIN ]*************************************

// <----|  Fin - Portada  |--------------------------------------<<<<








// <----|  Footer  |--------------------------------------<<<<
footer
	width 100%
	height auto
	background azultg
	bloque-tg ()
	font-size 0px
	position relative

.footer-target
	width 100%
	height auto
	padding 17px 0px 17px 0px
	background azultg2
	text-align center
	img
		width 41px
		height auto
		margin 0px 5px 0px 5px
	p
		font 15px fuente1
		color blancotg
		line-height 30px
		padding 0px 10px 1px 0px
		bloque-tg ()

.footer-box
	padding 20px 0px 20px 0px

.footer-info
	width 33.3%
	height auto
	padding 5px 0px 5px 0px
	font-size 0px
	text-align center
	bloque-tg ()
	border-right 1px solid rgba(0,0,0,.1)
	p
		font 12px fuente1
		color blancotg
		line-height 20px
		padding 0px 15px 0px 15px
		text-align left
		bloque-tg ()
		width calc(100% - 50px)
	img
		width 10px
		height 10px
		border-radius 50%
		overflow hidden
		bloque-tg ()
		vertical-align middle
		margin 0px 5px 0px 0px 
	.info-ico
		width 40px
		height 30px
		bloque-tg ()
		border-radius (50%)
		margin-top 4px
		span
			font-size 30px
			color rgba(0,0,0,.4)
	&:last-child
		border-right 0px solid rgba(255,255,255,.08)
		
.footer-redes
	width calc(100% - 50px)
	height auto
	bloque-tg ()
	text-align left
	padding 0px 0px 0px 20px
	
.fredes-ico
	width 45px
	height 45px
	bloque-tg ()
	background azultg2
	font-size 30px
	color blancotg
	margin-left 8px
	text-align center
	border-radius (50%)
	transition (all 200ms ease-out 20ms)
	span
		bloque-tg ()
		font-size 19px
		color blancotg
		line-height 45px
	&:hover
		background blancotg
		span
			color azultg3

.copy-cont
	background azultg2
	width 100%
	height 50px
	bloque-tg ()

.copy
	width 100%
	height 50px
	p
		font 13px fuente1
		color blancotg
		line-height 50px
		font-weight normal
		padding 0px 20px 0px 20px
		text-align left
		a
			color blancotg
			&:hover
				text-decoration underline
				
.smp
	width 100%
	height 50px
	p
		font 13px fuente1
		color blancotg
		line-height 50px
		font-weight normal
		padding 0px 20px 0px 20px
		text-align right
		a
			color blancotg
			&:hover
				text-decoration underline
			
// Footer - RESPONSIVE  [ INICIO ]***********************************************

// Footer - [Escritorio]------------------------------------------------------
@media screen and (max-width: 1200px)
	.footer-info
		width 33.3%
		p
			padding 10px 15px 0px 15px
			text-align center
			width 100%
		.info-ico
			width 100%

// Footer - [Tablet]------------------------------------------------------
@media screen and (max-width: 992px)
	.copy-cont
		width 100%
		height auto
		padding 16px 15px 10px 15px

	.copy
	.smp
		height auto
		p
			font 13px fuente1
			color blancotg
			line-height 28px
			font-weight normal
			padding 0px 20px 0px 20px
			text-align center
			a
				color blancotg
				&:hover
					text-decoration underline
	.footer-redes
		width 100%
		text-align center
		padding 20px 0px 0px 0px
					
	.footer-info
		padding 20px 0px 20px 0px
		width 100%
		border-right 0px solid rgba(255,255,255,.08)
		border-bottom 1px solid rgba(255,255,255,.08)
		p
			font 13px fuente1
			padding 15px 15px 0px 15px
			text-align center
			width 100%

		&:last-child
			border-right 0px solid rgba(255,255,255,.08)
			border-bottom 0px solid rgba(255,255,255,.08)
					

// Footer - [Movil]------------------------------------------------------
//@media screen and (max-width: 768px)


// Footer - RESPONSIVE [ FIN ]*************************************

// <----|  Fin - Footer  |--------------------------------------<<<<









//---------------------------- [ FIN - ESTILOS ] ------------------------------/
//____________________________________________________________________________/





//____________________________________________________________________________________/
//---------------------------- [ ESTILOS - Generales ] ------------------------------/
.but
	width auto
	height 40px
	display inline-block
	padding 0px 15px 0px 0px
	transition (all 200ms ease-out 20ms) 
	font 15px fuente2
	color blancotg
	line-height 40px
	margin 20px 0px 0px 0px
	border-radius (5px)
	overflow hidden
	text-transform uppercase
	span
		float left
		font-size 17px
		line-height 40px
		margin 0px 12px 0px 0px
		padding 0px 12px 0px 12px
		transition (all 200ms ease-out 20ms)
	&:hover
		span
			margin 0px 5px 0px 0px
			padding 0px 12px 0px 18px

.but-2
	width auto
	height 70px
	width 70px
	background rgba(255,255,255,.2)
	transition (all 200ms ease-out 20ms)
	text-align center
	border-radius (50%)
	color blancotg
	span
		font-size 25px
		text-align center
		bloque-tg ()
		line-height 75px
		transition (all 200ms ease-out 20ms)
	&:hover
		transform (scale(1.1,1.1))
		background rgba(255,255,255,1)
		span
			color azultg


.but-verde
	background #82bc04
	span
		background #76ab03
	&:hover
		background #76ab03

.but-naranja
	background #ff5f00
	span
		background #d74f00
	&:hover
		background #d74f00
		
.but-azul
	background azultg
	span
		background azultg2
	&:hover
		background azultg2
		
.but-celeste
	background #1475bb
	span
		background #0a66a8
	&:hover
		background #0a66a8
		
.but-verdep
	background #00b9a1
	span
		background #01a38e
	&:hover
		background #01a38e

.but-transparente
	background rgba(255,255,255,0.0)
	border 1px solid blancotg
	span
		background rgba(0,0,0,.1)
	&:hover
		color azultg
		background blancotg


.titulo-tg
	width 100%
	height auto
	padding 45px 0px 45px 0px
	background -moz-linear-gradient(top, rgba(0,48,109,1) 0%, rgba(0,48,109,1) 1%, rgba(0,48,109,0.9) 100%), url('../img/titulo_fondo.jpg') no-repeat center left fixed
	background -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,48,109,1)), color-stop(1%,rgba(0,48,109,1)), color-stop(100%,rgba(0,48,109,0.9))), url('../img/titulo_fondo.jpg') no-repeat center left fixed
	background -webkit-linear-gradient(top, rgba(0,48,109,1) 0%,rgba(0,48,109,1) 1%,rgba(0,48,109,0.9) 100%), url('../img/titulo_fondo.jpg') no-repeat centep left fixed
	background -o-linear-gradient(top, rgba(0,48,109,1) 0%,rgba(0,48,109,1) 1%,rgba(0,48,109,0.9) 100%), url('../img/titulo_fondo.jpg') no-repeat center left fixed
	background -ms-linear-gradient(top, rgba(0,48,109,1) 0%,rgba(0,48,109,1) 1%,rgba(0,48,109,0.9) 100%), url('../img/titulo_fondo.jpg') no-repeat center left fixed
	background linear-gradient(to bottom, rgba(0,48,109,1) 0%,rgba(0,48,109,1) 1%,rgba(0,48,109,0.9) 100%), url('../img/titulo_fondo.jpg') no-repeat centep left fixed
	background-size (cover)
	margin-bottom 60px
	h1
		font 30px fuente
		text-align left
		color blancotg
		line-height 50px
		span
			bloque-tg ()
			margin -7px 8px 0px 0px
			font-size 20px
			vertical-align middle
			line-height 35px
			width 35px
			height 35px
			color blancotg
			text-align center
		img
			width 30px
			height auto
			margin -7px 10px 0px 0px
			bloque-tg ()
			vertical-align middle

@media screen and (max-width: 768px)
	.titulo-tg
		h1
			text-align center
			
.contenedor-tg
	width 100%
	height auto
	background #eeeeee
	padding 0px 0px 70px 0px


.minivan-fixed
	width auto
	height auto
	position absolute
	top -110%
	left 0px
	z-index 1
	overflow hidden
	img
		width 350px
		height auto
	.minivan-txt
		width 120%
		height auto
		background azultg
		border-radius (0px 0px 0px 0px)
		padding 0px 10px 10px 10px
		transform rotate(90deg)
		position absolute
		top 25%
		left -100px
		border-radius 5px 5px 0px 0px
		transition (all 200ms ease-out 20ms)
		h5
			font 15px fuente
			color blancotg
			width 100%
			line-height 35px
			border-bottom 1px solid rgba(255,255,255,.4)
		p
			font 15px fuente
			color blancotg
			line-height 24px
			padding 10px 0px 0px 0px
		&:hover
			left -60px
		
@media screen and (max-width: 700px)
	.minivan-fixed
		display none

//---------------------------- [ FIN - ESTILOS - Generales ] ------------------------------/
//__________________________________________________________________________________/