@import url(fontello.css);
/*fuentes
font-family: 'Montserrat', sans-serif;
font-family: 'Poiret One', cursive;
*/
@import url('https://fonts.googleapis.com/css?family=Montserrat|Poiret+One');
/*https://colorlib.com/polygon/adminator/*/
/*colores
azul 	#47a7b4
azul oscuro #17373a
gris oscuro #263D42
beige 	#fffaf3
beige oscuro #dedad4
*/
/*-----                              generales*/
*{
	margin:0;
	padding:0;
	box-sizing: border-box;
	font-family: 'Montserrat', sans-serif;
}
a{
	cursor: default !important;
	font-family: 'Poiret One', cursive;
	font-size:16px !important;
	padding:0px 5px;
	color:white !important;
	border:2px solid white;
	border-radius:5px;
}
a:link{
	text-decoration:none !important;
}
a:visited{
	text-decoration:none !important;
	opacity:1;
}
h5{
	text-align: left;
	font-size:28px!important;
	margin:5px 0px 15px 0px !important;
	color:#47a7b4;
	font-weight: bold!important;
}
.sinborde{
	border:0px !important;
	border-radius:0px;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
	 margin-right: 0px !important;
	 margin-left: 0px !important;
    }
/*Fin generales -----------------------------------------------*/
/*página portfolio*/
.portfolio{
	width:100vw;
	background-color:white;
	/*flex*/
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;
}
.portfolio h3{
	font-family: 'Poiret One', cursive;
	font-size:16px;
	text-align:center;
	color:white;
}
/*header*/
.cbeza{
	position:fixed;
	z-index: 100;
	width:100vw;
	height:12vh;
	padding:2vh;
	background-color:black;
	/*flex*/
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.cbeza2{
	/*flex*/
	display:flex;
	justify-content:space-between;
	align-items:center;
}
header h6{
	color:white;
	font-size:22px;
	background:#47a7b4;
	padding: 5px !important;
    border-radius: 5px !important;
    line-height: 1.5;
    margin:0px;
    text-align:center;
}
.h3_header2{
	display:none;
	}
.sep_botons{
	margin-right:10px;
}
.sep_botons2{
	margin-left:10px;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0px;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 250px;
    padding: 1vh 0;
    margin: 0.3vh 0 0;
    font-size: 18px;
    color: black !important;
    text-align: left;
    list-style: none;
    background-color: white;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 5px;
}
.dropdown-menu a{color: black !important;
	}
/*-------  modificando bootstrap*/
.link_p{
	display: block !important;
    padding: 5px !important;
    border-radius:5px !important;
    line-height: 1.5;
    cursor:pointer !important;
}
/*fin header*/
/*------------------- portfolio*/
/*general main*/
main h4{
	font-family: 'Poiret One', cursive !important;
	margin:auto auto 15px auto!important;
	text-align:center;
}
h3{
	font-family: 'Poiret One', cursive;
	font-size:18px;
	text-align:center;
	color:white;
}
main p{
	text-align:left !important;
}
main b{
	font-size: 20px;
}
main h6{
	text-align:center !important;
	font-family: 'Poiret One', cursive;
	color:white;
}
main .enlace{
	text-align:center;
	border:thin solid black!important;
	color:black!important;
	font-size:18px;
	margin-bottom:15px;
	padding:5px;
	background:white;
}
/*fin general mein*/

.cuerpo_textolegal{
	margin-top:20vh;
	margin-left:5vh;
	margin-right:5vh;
	margin-bottom: 10vh;
	text-align:left;
	line-height: normal;
	/*flex
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	align-items:center;*/
}
.bordecillo{
	width:100%;
  border-style: solid;
  border-width: 2px;
   padding:15px;
   margin-bottom: 10px;
}

/*footer ----------------------*/
.pie_portfolio{
	width:100%;
	height:18vh;
	padding:2vh;
	color:white;
	background-color:black;
	/*flex*/
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
/**/
/**/
/**/
/**/
/**/
/**/
/* ---------------------------------------------------- MediaQuery*/
/**/
@media (min-width:568px){
	/*header*/
	.cbeza {
	    padding: 2vw 4vw;	
    	height: 17vh;
	}
	.h3_header2{
		display:block;
	}
	/*main*/
	.cuerpo_portfolio {
    	margin-top: 19vh;
	}
	/*gifs*/
	.gifs{
		padding: 2vw 4vw;
		flex-direction:row;
		justify-content:space-between;
		align-items: center;
	}
	.gifs_p1{
		width:40vw;
		padding:5px;
	}
	.gifs_p2{
		width:60vw;
	}
	.video_back {
    	width: 100%;
	}		
	.video_movil {
    	margin: auto;
    	width: 300px;
    	height: 300px;
	}
/*fin gifs*/
/*rayonubesol- galicia -*/
	.fondo_galicia{
		padding: 2vw 4vw;
	}
	.galicia{
		flex-direction:row;
	}
/*fin galicia*/
/*comunicanión 3.0*/
	.comunic{
	    padding: 2vw 4vw;
	}
	.huellajaen{
	    padding: 2vw 4vw;
	}
	.huellajaen2 {
    	justify-content: center;
	}
	.jaen {
    	display: block;
    	width: 250px;
    	height: 250px;
    	display: flex;
	}
	.cartel_jaen {
		margin-right:2vw;
    	width: 176.89px;
    	height: 250px;
	}
	.facebook_jaen {
    	border: thin solid black;
    	width: 550px;
    	height: 204px;
	}	
/*fin comunicación 3.0*/
	.ilustrat{
	    padding: 2vw 4vw;
	}
	.muestra {
    	width: 500px;
    	height: 315px;
	}
/*fin-pportfolio*/
/*footer*/
	.pie_portfolio {
		/*height: 17vh;*/
    	padding: 1vw 4vw;
	}
	.contactame_p {
    	width: 85%;
    	height: 16vh;
	}
	.h3_footer{
		display:none;
	}
/*fin portfolio*/
}
/**/
/**/
@media (min-width:768px) and (orientation: portrait){
	a {
    	font-size: 30px !important;
	}
	header h6 {
    	font-size: 32px;
	}
	main h4{
		font-size:30px;
	}
	main p{
		font-size:20px;
	}
	h5 {
   		font-size: 32px!important;
	}
	main .enlace{
		font-size:20px !important;
	}
	.portfolio h3 {
    	font-size: 23px;
	}
/*fin generales*/
/*header*/
	.cbeza {
    	padding: 2vw 4vw;
    	height: 12vh;
	}
	.h3_header2 {
    	display: none;
	}
/*fin header*/
/*portfolio*/
	.video_movil{
		width:400px;
		height:400px;
	}
	.huellajaen h6 {
    	font-size: 18px;
	}
	.huellajaen i {
    	font-size: 18px;
	}
	.muestra {
    	width: 750px;
    	height: 472.5px;
	}
/**/
/*footer*/
	.contactame_p {
		width: 100%;
    	height: 8vh;
	}
	.h3_footer {
    	display: block;
    	font-size:23px;
    	margin-bottom:23px;
	}
	.img_inst {
    	width: 45px !important;
    	height: 45px !important;
	}
	.telefonito {
   		width: 45px !important;
    	height: 45px !important;
	}
}
/**/
/**/
@media (min-width: 1024px){
	a {
    	font-size: 28px !important;
	}
	header h6 {
    	font-size: 30px;
	}
	h5 {
    	font-size: 30px!important;
	}
	main h4{
		font-size:30px;
	}
	main p{
		font-size:20px;
	}
	.h3_header2{
		font-size:23px;
	}
	main .enlace{
		font-size:20px !important;
	}
	.bordecillo{
	width:50%;
  	}	
	.portfolio h3 {
    	font-size: 23px;
	}
	.link_p:hover{
		text-decoration:none !important;
		opacity:0.5;
	}
	.img_inst:hover{
		text-decoration:none !important;
		opacity:0.5;
	}
	.telefonito:hover{
		text-decoration:none !important;
		opacity:0.5;
	}
	.enlace:hover{
		font-size:30px !important;
		}
	.dropdown-item:active{
		background-color:#47a7b4 !important;
	}
/*fin generales*/
/*header*/
	.cbeza {
    	height: 13.5vh;
	}
	.dropdown-menu a {
    	font-size:18px !important;
	}
/*main*/
	.video_movil {
    	margin: auto;
   		width: 500px;
    	height: 500px;
	}
	.rayonubesol{
		margin-left:20px;
		width:400px;
		height:400px;
	}	
	.huellajaen h6 {
    	font-size: 20px;
	}
	.huellajaen i {
    	font-size: 20px;
	}
	.facebook_jaen {
    	width: 900px;
    	height: 333.82px;
	}
	.jaen {
    	width: 350px;
    	height: 350px;
	}
	.cartel_jaen {
    	width: 247.63px;
    	height: 350px;
	}
	.muestra {
    	width: 800px;
    	height: 480px;
	}
/*fin main*/
/*----- footer -----*/
    .contactame div:hover{
		opacity:0.5;
	}
	.img_inst {
    	width: 45px !important;
    	height: 45px !important;
	}
	.telefonito {
   		width: 45px !important;
    	height: 45px !important;
	}
	.pie_portfolio {
    	height: 15vh;
	}
	.contactame_p {
    	height: 9vh;
	}
}
/**/
/*@media all and (min-width: 1024px) and (device-height: 768px) and (orientation:landscape){
}*/
/**/
@media (min-width: 1440px){
/*header*/
	.cbeza {
	    padding: 4vh 12vh;	
    	height: 17vh;
	}
/*main*/
	main h4{
		font-size:40px;
	}	
	.gifs{
		padding:6vh 12vh;
	}
	.gifs_p1 {
    	width: 50vw;
	}
	.gifs_p2 {
    	width: 50vw;
	}	
	.fondo_galicia{
		padding:6vh 12vh;
	}
	.comunic{
		padding:6vh 12vh;
	}
	.huellajaen{
		padding:6vh 12vh !important;
	}
	.facebook_jaen {
    	width: 1350px;
    	height: 500.73px;
	}	
	.jaen {
    	width: 480px;
    	height: 480px;
	}
	.cartel_jaen {
    	width: 339.61px;
    	height: 480px;
	}	
	.ilustrat{
		padding:6vh 12vh;
	}
/*footer*/
	.pie_portfolio {
    	padding: 2vh 12vh;
	}
	.contactame_p {
    	width: 70%;
	}
}