/*

oranges
light #CEC096
light #CEC5AB (less saturated)
light #DED8C4 (more saturated) 
satmed#FF7400
medi #ECB49C
purples #A22D7D (itipa logo)
		#443266 (darker)


*/
.headpor2{background-color:lime;}
/*********** DIM *************/
.dim_90p{
	margin:auto;
	width:90%;
}


/*********** RESPC *******************/
.respc_include{}
.respc_svg_logod{display:block;width:100%}
.respc_svg_logom{display:none;width:100%}
.respc_75p_100x100p{width:75%;margin:auto;}
.respc_90p_60x90p{width:90%;margin:auto;}
.respc_50p_60x90p{width:50%;margin:auto;}
.respc_40p_60x90p{width:40%;margin:auto;}
.respc_wrap1{width:75%;margin:auto}
.respc_svgtitle{height:40px;margin-bottom:30px;margin-top:30px;margin-left:0px;}
.respc_svgtitle1{height:40px;margin-bottom:30px;margin-top:30px;}
.respc_svgtitle2{height:40px;margin-bottom:30px;margin-top:30px;display:none}
.respc0{}
.respc1{}

/*********** LINKS  ********************/
a{
color:inherit;
	text-decoration:none;
}
.menu{
	position:absolute;
	background-color:#443266;
	padding:10px;
	z-index:17;
	display:none;
	/*border: 1px red solid;*/
	box-shadow: 0px 0px 5px -2px rgba(212,188,154,1);
	box-shadow: 0px 0px 10px #443266;
	top:30px;
}
.menu:hover{
	display:block;
}
.menuit{
	color:white;/*rgba(212,188,154,1);*/
	font-size:15px;
	padding:5px;
	font-family:'Poiret One',Arial,sans-serif;

}
.menuit:hover{
	color:white;
	background-color:rgba(212,188,154,.5);
}
#s2que:hover + #menuservis{
	display:block;
	animation-name:menuani;
	animation-duration:0.6s;
}
@keyframes menuani{
	from{top:-60px;opacity:0;box-shadow: 0px 0px 10px #FFFFFF;}
	to{top:30px;opacity:1;box-shadow: 0px 0px 10px #443266;}
}
#sectitimg{
	width:100%;
	height:auto;
	display:block;
	margin:auto;
}
.menusc{
	display:inline-block;
	width:44%;
	vertical-align:top;
	padding-left:3%;
	text-align:left;

}
.menusitem{
	color:rgba(240,224,214,1);
	font-size:25px;
	line-height:37px;
	font-family:'Poiret One',arial,sans-serif;

	padding-left:1%;
	padding-right:1%;
        text-shadow:0px 0px 10px black;/*rgba(215,118,85,1);*/

}
#menuaux{
	margin:auto;
	width:95%;
	margin-top:20px;
}

#menuservis,#menusoc{
	/*display:inline-block;
	vertical-align:top;*/
}
#menusoc{width:20%;}
.menuitem{

	padding-left:1%;
padding-right: 1%;
	text-align:center;
	font-family:Poiret One,arial,sans;
font-family:Junge,times,serif;
font-family:Cinzel,times,serif;
	
	font-size:18px;
	line-height:35px;
padding-top:4px;
padding-bottom:4px;
display:inline-block;vertical-align:top;
width:18%;
}
.menuitem:hover,.menusitem:hover{
color:white;
	background-color:rgba(68,50,102,.45);
	animation-name:x1;
	animation-duration:0.5s;
}
#menumain{width:75%;margin-left:0%;margin-bottom:0px;}
#menumainWrap{background-color:rgba(215,118,85,0.2);color:white;width:100%;height:43px;}
#menumainLogo{width:12.5%;background-color:inherit;}
#miniLogo{display:none;width:80%;margin:10%;margin-top:5px;margin-bottom:5px;}
#menumainLogo,#menumain{display:inline-block;vertical-align:top;}
#menuservis{
	/*margin-left:10%;*/
	text-align:center;
	margin:auto;
	width:75%;
/*	background-color:red;*/
}
.title1{
	font-family:trajan,times,serif;
}
#superwrap{
	width:auto;
	/*min-height:1000px;*/
	margin:-8px;

	/*margin-bottom:0px;*/
	/*font-family:"junge",times,serif;*/
	font-family:"Pavanam",times,serif;
        font-size:18px;
line-height:27px;

}
.wrap85{
	margin:auto;
	width:85%;
}
.portgal2it,.portgal2it2,.portgal2it3{
	display:inline-block;
	vertical-align:top;
	position:relative;
}
.portgal2it2,.portgal2it3{
		margin-left:-333px;
		font-family:"Poiret One",arial,sans-serif;	
		/*font-family:"italiana",times,serif;*/
		font-size:25px;
		text-align:center;
		color:white;

}
#portgal3{

	/*background-color:#FBEDDE;*/
	/*background-color:blue;*/
	text-shadow:0px 0px 20px #8B296C inset;
	background-image:url('img/telag.png');
	background-size: 100% auto;
	
}
.portgal2it3{
/*text-shadow: 0px 0px 10px #000000,0px 0px 10px #000000,0px 0px 10px #000000,0px 0px 10px #000000,0px 0px 10px #000000,0px 0px 10px #000000,
			 0px 0px 20px #000000,0px 0px 20px #000000,0px 0px 20px #000000,0px 0px 20px #000000,0px 0px 20px #000000,0px 0px 20px #000000;*/
			 
text-shadow: 0px 0px 10px rgba(131,60,109,1.0),0px 0px 10px rgba(131,60,109,1.0),0px 0px 10px rgba(131,60,109,1.0),0px 0px 10px rgba(131,60,109,1.0);
	z-index:10;


}
.portgal2it3b{
	color:rgba(131,60,109,1.0);
	text-shadow: none;
}
.portgal2it2{
background-color:rgba(131,60,109,.5);
z-index:11;
	opacity:0;
	text-shadow: 0px 0px 10px #000000,0px 0px 10px #000000,0px 0px 10px #000000,0px 0px 10px #000000,0px 0px 10px #000000,0px 0px 10px #000000;
}
.portgal2it2:hover{
	opacity:1.0;
	animation-name:appear;
	animation-duration:0.5s;
}
.portgal2it2:hover + .portgal2it3{
	opacity:0.0;
	animation-name:vanish;
	animation-duration:0.5s;
}
@keyframes vanish{from{opacity:1.0;}to{opacity:0.0;}}
@keyframes appear{from{opacity:0.0;}to{opacity:1.0;}}
.va1,.va2{
	display:inline-block;
	vertical-align:middle;
}
.va1{
	width:1%;
	height:100%;
}
.va2{
	width:99%;
}
.imgstd{
	width:100%;
}
.ar224{
	/* 2:24 ar */
	width:333px;
	height:149px;
}
#porttext{

	color:white;
	font-family:"junge",times,serif;
	text-shadow:0px 0px 10px black;
	margin-left:5%;
	width:40%;
	font-size:20px;
	line-height:25px;
	height:300px;
	position:relative;
	z-index:2;

}
.porttext2{
	font-size:15px;
	font-style:italic;
	line-height:8px;
}
#portimg{
	margin-top:-300px;
	position:relative;
	z-index:1;

}
#citgal{
	display:none;
}
#citabgimg{
	width:100%;
	background-color:rgba(251,246,241,1);
}
.footit,.footit2{
	height:30px;
	display:inline-block;
	width:100%;
	text-align:left;
	line-height:30px;

}
.footit1{
	display:inline-block;
	width:25%;
	vertical-align:top;
	text-align:left;
}
.footit3{
	display:inline-block;
	width:30%;
	/*vertical-align:top;
	text-align:left;*/
}
.footit4{
	display:inline-block;
	width:43%;
	vertical-align:top;
	text-align:right;
}


.footit2{
	margin-left:5px;
	width:auto;
	font-size:12px;
}
.footlicon{
	width:30px;
	height:30px;
	vertical-align:top;
}
.footitl{
	width:70%;
}
.footitr{
	width:30%;
}
#footwra{
min-height:auto; /* inherited? */
	width:87%;
	padding-top:30px;
	padding-bottom:30px;
}

.wrap,
.wrap2{
	width:90%;
	margin:auto;
	display:block;
	padding-top:0px;
	padding-bottom:0px;
}
.wrap{
	/*border-left:1px #443266 solid;
	border-right:1px #443266 solid;*/
	
}
.wrap2{
	/*border-left:1px #9F836B solid;
	border-right:1px #9F836B solid;*/width:75%;
}
.portionbg1{
	/*background-color:#DED8C4;*/
	

}
.portionbg2{
	background-color:#DED8C4;
	box-shadow: 0px 0px 15px #9F836B  inset;

	/*box-shadow: 0px 0px 15px #443266 inset;*/
}
.portionbg3{
	/*background-color:#FFEEFF;*/
	/*box-shadow: 0px 0px 15px #9F836B inset;*/

	/*box-shadow: 0px 0px 15px #443266 inset;*/
}

.vspace{

	height:20px;
	display:block;
	margin:auto;
/*background-color:#CEC5AB;*/

}
.firstpor2{
	padding-top:80px;

	padding-bottom:0px;
}
#cita{
	display:none;
}
#porgal{
display:none;
	/*margin-top:-230px;*/
}
.cita,.autor{
	font-family: 'Gilda Display', serif;
	color: #443266;
	width:80%;
	display:block;
	margin:auto;
}
.cita{
	text-align:center;
	font-size:20px;
	
}
.autor{
	text-align: right;
	font-size:12px;
	font-style: italic;
}
.portion{
	width:100%;
	/*margin-bottom:20px;*/
	/*padding-bottom:20px;*/
}
#wrap_frontgal{
	width:100% !important;
	height:auto !important;
}
#header{
	/*height:330px;*/
/*	background-color:#CEC5AB;*/

/*background-image:url('/itipa/img/libreta.jpg');*/
	position:relative;
	z-index:2;
	/*margin-top:40px;*/
	text-align:left;
}
#headerl{
vertical-align:top;display:inline-block;width:50%;text-align:left;height:240px;
/*background-color: #ECB49C;*/
/*background-color:#443266;*/
transform: rotate(2deg);
margin-top:70px;
position:relative;z-index:3;
}
#headerl2{
vertical-align:top;display:inline-block;width:50%;text-align:left;height:240px;
/*background-color: #DED8C4;*/
/*background-color:#F5F5A2;

background-color: #DED8C4;
background-color:#F5F5E5;*/
transform: rotate(-2deg);
margin-top:-260px;
position:relative;z-index:4;
}
#headerl3{
vertical-align:top;display:inline-block;width:50%;text-align:center;height:240px;
margin-top:-260px;
position:relative;z-index:5;
}
#headerr2,#headerr3{display:inline-block;width:50%}
#contentdiv{
	min-height:1000px;

}
#portadivc{
	height:500px;
	position:relative;
	/*background-color:#CEC5AB;*/
	
}
.portadiv{
	height:500px;
	display:block;
	position:relative;
z-index:3;
	/*ckground-color:#f1f0ff;*/


}
#sectionsr{
	
}
#sections{

/*background-color:#443266;
	background-color:#DEAD99;
background-color:#443266;*/
/*box-shadow: 0px 0px 20px #9F836B;*//*,10px 0px 10px -10px black;*/
background-color:white;
background-color:rgba(251,246,241,1);
/*border-bottom: 1px solid #443266;*/
position:fixed;

width:100%;
z-index:20;
/*height:168px;*/
/*height:140px;*/
height:100px;
box-shadow: 0px 0px 25px -7px #443266;
}
.ins{
	box-shadow: 0px 0px 25px -7px #443266 inset;

}
#portgal2{

	background-color:#FBEDDE;
}
.wrapsec{
height:100%;
	/*box-shadow: 0px 0px 15px -7px #443266;*/
	display:inline-block;
	vertical-align:top;
	padding-top:15px;
padding-bottom:30px;

}
.portimg{
	width:100%;
}
.wraph{
	display:inline-block;
	width:20px;
	height:100%;
	background-color:white;
	background-color:rgba(251,246,241,1);
	vertical-align:top;
	position:relative;
	z-index:4;

}
.wraph2{
	margin:auto;
	display:block;

	width:1040px;
}
.sectionsf{
	background-color:#F2ECDF;
	box-shadow: 0px 0px 10px #c3c3e5;
	height:8px;
	z-index:4;
	position:relative;
	display:none;
}

.sectionsf2{
	background-color:#F2E7CF;
	box-shadow: 0px 0px 10px #c3c3e5;
	height:8px;
	z-index:4;
	position:relative;
	display:none;
}
#sectionsx,#sectionsy,#sectionsz{
	position:fixed;
	top:100px;
	width:100%;
}
#sectionsz{
	top:0px;
	z-index:25;

}
#sectionsx2,#sectionsy2{
	background-color:white;
	width:33%;
	height:30px;
}
#sectionsy2{
	background-color:white;
	z-index:21;
	height:130px;
}
#sectionsx2{
	box-shadow: 0px 0px 25px -7px #443266;
}
#sectionsx{
	z-index:15;
}
#sectionsy{
	z-index:21;
	top:0px;
	
}
#socialnet{
position:relative;
top:11px;
		display:inline-block;
	vertical-align:top;
	width:15%;
	text-align:right;
	margin-left:815px;
	margin-top:-75px;
}
.socialnetimg{
	width:18px;
	height:18px;
	display:inline-block;
	margin-left:10px;
}
#sections2{
	width:85%;
	margin:auto;
	/*top:5px;*/
	margin-top:-70px;
	margin-left:338px;
	position:relative;
	text-align:left;
	margin-right:0px;
	display:inline-block;
	vertical-align:top;
	z-index:15;
	}
	
.mmenuc{
	display:inline-block;
		margin-left:0.8%;
	margin-right:0.8%;

}
.mmenu{
	color:#443266;
	color:#D49AC2;
	color:rgba(212,188,154,1);
/*	color:white;*/
	background-color:none;
	/*box-shadow: 0px 0px 10px #c3c3e5;*/
		padding-left:10px;
	padding-right:10px;

	display:inline-block;
	width:auto;
/*	margin-left:0.8%;
	margin-right:0.8%;
	padding-left:10px;
	padding-right:10px;*/
	line-height:30px;
	font-size:15px;
	font-family:Quattrocento,Times,serif;
	font-family:'Poiret One',Arial,sans-serif;
	/*font-family:'junge',Times,serif;*/

	/*font-family:Cinzel,arial,sans-serif;
font-family: 'Oswald', arial,sans-serif;*/
	text-align:center;
/*	border-radius:10px;*/
	
	position:relative;
	z-index:20;
	
}
#s2blo{margin-right:10px}
/*#sections:hover #s2por{animation-name:menuanioverp;animation-duration: .5s;}
#sections:hover #s2qui{animation-name:menuanioverd;animation-duration: .5s;}
#sections:hover #s2tra{animation-name:menuanioverd;animation-duration: .5s;}
#sections:hover #s2blo{animation-name:menuanioverd;animation-duration: .5s;}*/

.mmenuc:hover > .mmenu{
	background-color:#443266;
	color:white;
	box-shadow: 0px 0px 10px #443266;
	animation-name:menuanioverL;
	animation-duration: 0.5s;
}

#s2por{
	margin-left:0px;
}
#explain{
	/*background-color:#443266;*/
padding-top:40px;
	padding-bottom:40px;
	/*color: #B8B8E2;*/
	position:relative;
	color:#443266;
	background-color:rgba(240,224,214,1);
	
	background-image:url('img/arboltrans.png');
	background-size: auto 100%;
	background-repeat:no-repeat;
	background-position:left;
	
}
.explain2{
	width:33%;
	display:inline-block;
	vertical-align:top;
	text-align:center;
}
.explain3{
	width:90%;
	display:block;
	vertical-align:top;
	text-align:justify;
}
.title_blog{
	font-family:Oswald,Arial,sans-serif;
	font-family:"Playfair Display",times,serif;
	/*font-weight:bold;*/
	font-size: 25px;
	color:#443266;
}
.texto_blog{
	/*font-family:'Poiret One',Arial,sans-serif;
	font-family:"junge",times,serif;*/

	/*font-family:Quattrocento,Times,serif;*/
	font-size:15px;
	text-align:justify;
	line-height:25px;
	color:#443266;
}
.autor_blog{
	/*font-family:'Poiret One',Arial,sans-serif;*/
	/*font-family:Quattrocento,Times,serif;*/
	font-size:12px;
	color:#443266;

}
.title_ex3{
	/*font-family:Oswald,Arial,sans-serif;*/
	/*font-family:"junge",times,serif;*/
	/*font-weight:bold;*/
font-family: Cinzel,times,serif;
	font-size: 23px;
	text-align:center;
	margin-bottom: 15px;
margin-top:20px;
}
.texto_ex3{
	/*font-family:'Poiret One',Arial,sans-serif;*/
	/*font-family:Quattrocento,Times,serif;*/
	font-size:18px;
}
.cols2,
.cols2r,
.cols2l{
	width:48%;
	display:inline-block;
	vertical-align:middle;
}
.cols1{
	display:inline-block;
	padding:20px;
	width:960px;
}
.cols2r{margin-left:3%;}
.textog{
	font-family:Quattrocento,Times,serif;
	font-size:55px;
	text-align:center;
}
.fwidth{
	height:460px;
	box-shadow: 0px 0px 10px #ECB49C;
}
#loghead,#loghead2{
/*margin-top:50px;*/
	width:100%;
	height:auto;
}
#footpor{
	background-color:rgba(60,50,102,1);
	color:white;
	/*height:150px;*/
	/*font-family:Poiret One,arial,sans-serif;*/
}
#aux{
	background-color:red;color:white;height:50px;display:none;
}
#portadiv3{margin-top:-500px;opacity:0.0;}
#portadiv1{margin-top:0px;opacity:0.0;}
#portadiv2{margin-top:-500px;opacity:0.0;}


@keyframes menuanioverp{from{margin-left:6.66%;}to{margin-left:0;}}
@keyframes menuanioverd{from{margin-left:-20%;}to{margin-left:6.66%;}}
@keyframes menuanioverL{from{color:#443266;background-color:#c3c3e5;}to{background-color:#443266;color:white;}}

/* FROM INDEX:PHP ;TODO: integration with above */

.porcion{width:100%;}
.titlepor{font-family:cinzel,times,serif;font-size:35px;text-align:center;margin:40px;margin-top:0px;}
#headpor{
	/*background-image:url('img/fondo_mont.jpg');*/
	background-image:url('img/sillonesc.jpg');

	background-size: 100% auto;
	position:relative;
	z-index:10;
box-shadow:0px 0px 10px -3px rgba(53,48,46,1);
}
.headpor1{height:550px;}
/*.headpor2{height:170px;}*/

.equipo_div{
	display:inline-block;
	vertical-align:top;
	width:46%;
	margin-right:2%;
	margin-bottom:50px;
}
.equipo_img,.equipo_desc{
	display:inline-block;
	vertical-align:top;
}
.equipo_img{
	width:30%;
	box-shadow:0px 0px 10px -5px #000000;
}
.equipo_jurimg{
	width:90%;
	box-shadow:0px 0px 10px -5px #000000;
	margin-left:10%;
}

.equipo_desc{
	padding-left:2%;
	width:68%;
}
.fitw{
	width:100%;
}
#bg{
	margin-top:-150px;
	
	position:relative;
	z-index:1;
}


@keyframes x1{
	from{background-color:rgba(68,50,102,0)}
	to{background-color:rgba(68,50,102,.45);}
}
.wrapincl{
	/*margin-top:-23px;*/
}
#menudiv{
	width:60%;
	margin-left:34%;
	height:35px;
	margin-top:-70px;
}
#explain{
	
	/*text-shadow:0px 0px 20px #8B296C inset;*/
	background-image:url('img/telag.png');
	background-size: 100% auto;
}
#explainB{
	
	/*box-shadow:0px 0px 10px -3px #8B296C inset;*/
	background-color:rgba(247,238,231,1);
	padding-top:40px;
	padding-bottom:40px;
	/*color: #B8B8E2;*/
	position:relative;
	color:#443266;
	margin-top:0px;
	/*margin-top:-30px !important;*/
        



}


/********** BLOGS ****************/
.blog_entry{
	width:90%;
	padding:5%;
	padding-top:20px;
	padding-bottom:20px;
	margin:auto;
	background-color:rgba(255,255,255,.5);
}
.blog_title{
	font-size:28px;
	font-family:Cinzel,times,serif;
	font-weight:400;
}
.blog_info{
	margin-bottom:10px;
	color:gray;
}
.blog_body{
	color:black;
}

/********** RESPONSIVE DIMENSIONS ****************/
@media screen and (max-width: 1920px) {.headpor1{height:1000px;}}
@media screen and (max-width: 1650px) {.headpor1{height: 825px;}}
@media screen and (max-width: 1320px) {.headpor1{height: 660px;}}
@media screen and (max-width: 1056px) {.headpor1{height: 528px;}}
@media screen and (max-width: 844px)  {
#menumain{text-align:15px;}
.headpor1{height: 422px;}
.respc_svg_clogo{
	height:80px !important;

	
}

}
@media screen and (max-width: 500px)  {
#menuaux{margin-top:10px;width:85%;font-size:7px !important;}
.headpor1{height:auto;}
.respc_75p_100x100p{height:auto; width:100% }
.respc_50p_60x90p{height:40px !important;width:90% !important;}
.respc_40p_60x90p{height:60px !important;width:90% !important;}
.respc_svg_logod{display:none;}
.respc_svg_logom{display:block;}
.respc_bg{background-image:url('img/sillones3.jpg') !important;}
.respc0{display:block !important;width:100% !important;padding-left:0% !important;padding-right: 0% !important}
.respc_svgtitle{height:27px;margin-left:auto;margin-right:auto;display:block}
.respc1{text-align:center;margin-top:20px;margin-bottom:20px;}
.respc_svgtitle1{display:none;}
.respc_svgtitle2{display:block;height:60px;margin-left:auto;margin-right:auto;}
#menumain{display:none}
#menuservis{width:100%}
.respc_wrap1{width:95%;}
}