body {font-family: Tahoma, Geneva, sans-serif; font-size:11px;}
/*
* { outline: 2px dotted red }
* * { outline: 2px dotted green }
* * * { outline: 2px dotted orange }
* * * * { outline: 2px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }
*/
.sidemenu * { box-sizing:border-box;}
h2 { font-weight:bold; font-size:18px; color:#3780D0;}
h3 { font-weight:bold; font-size:16px;}
h4, .hora { font-weight:bold; font-size:16px; color:#3780D0; margin:4px 0;}
h5 { font-weight:bold; font-size:11px; color:#000000; margin:4px 0;}
p.hora {margin-left:-12px; float:left; padding-right:12px; margin-top:-1px;}

.wrapall {width:1000px; display:block; margin:0 auto !important; background:#FFF; border:1px solid #A5C6EB; box-shadow:#666 2px 2px 6px; -webkit-box-shadow:#666 2px 2px 6px; overflow:auto;}

.wrapall div {transition:all ease-in-out 0.3s;}

#head {position: relative;}

.formulario {width:200px; font-size:9px; display:block; position:absolute; bottom:2px; right:0; z-index:1;}
.formulario div {width:90%; display:block; margin:0 auto;}
.acceder {width:120px; padding:2px; margin:1px; background:#FFF; border:#DEDEDE 1px solid; border-radius:5px; text-align:center; color:#666; font-weight:bold;}
.acceder:hover {background:#999; cursor:pointer; color:#FFF;}
.inform {position:absolute; top:23px; left:4%; background:#FFF; border-radius:8px; padding:2px; border:1px solid #999;}

#contenedor {overflow:auto; width:100%; display:block; }

.total {width:98%; margin:1%; overflow:auto;}
.simple {width:47.4%; float:left; margin:1.1%; }
.doble {width:97%; float:left; margin:1.1%; }
.alto300 {min-heigt:300px;} 
.alto1 {min-height:80px;} 
.scale {width:100%; height;auto;}

.mitad { width:48%; margin:1%; float:left;} 
.mitad > div {width:100%; clear:both; margin-bottom:12px !important;}
.curso { padding:6px 8px; font-size:13px; font-weight:bold;} 
.curso:hover { color:#3177CC; cursor:pointer;} 
.tercio {width:28% !important; margin:1% !important; float:left;}

.lined {border-bottom:1px solid #ACC9E8; color:#4885EA; font-size:15px; font-weight:bold; padding:0px;  }
.linedin {margin-left:13px;margin-top:-8px !important;}

.round { box-sizing:border-box; background:#FFF; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -o-border-radius:6px; -ms-border-radius:6px; border:#DAEEF3 1px solid; box-shadow:#1F4387 1px 1px 6px; -moz-box-shadow:#1F4387 1px 1px 6px; -o-box-shadow:#1F4387 1px 1px 6px; -webkit-box-shadow:#1F4387 1px 1px 6px; -ms-box-shadow:#1F4387 1px 1px 6px; }

.simpleround { background:#FFF; border:1px solid #4885EA; border-radius:6px; padding:12px; }
.simpleround2 { background:#4885EA; border:1px solid #fff; color:#FFF !important; font-size:14px; font-weight:bold; border-radius:6px; padding:8px; }
.simpleround3 { background:#4885EA; border:1px solid #fff; color:#FFF !important; font-size:12px; font-weight:bold; border-radius:6px; padding:3px; }

.simpleroundy { background:#4885EA; border:1px solid #fff; color:#FFF !important; font-size:11px; font-weight:bold; border-radius:6px; padding:4px; }
.simpleroundy:hover { cursor:pointer; cursor:hand; background:#B4D2F5 !important; color:#333 !important; border:1px solid #4885EA;}

.shad {box-shadow:#666 2px 2px 6px; -webkit-box-shadow:#666 2px 2px 6px;}
.hideme {display:none;}
.clear {clear:both; width:100%; position:relative; float:left;}
.butter {clear:both;}
.butt {color:#333; float:left; width:29%; font-size:14px; font-weight:bold; text-align:center; border-radius:6px; padding:1.1%; margin:.6%; background: #fff; border:1px solid #9FCCF0;}
.butt:hover {cursor:pointer; cursor:hand; background: #9FCCF0; border:1px solid #4885EA;}
.click {cursor:pointer;	border:}
.click:hover {opacity:0.8;}

.spaceup {margin-top:8px !important;}
.spacedown {margin-bottom:12px !important;}

.onme:hover {border: #EEF3FB 1px solid;box-sizing: border-box; box-shadow: #95ADDB 1px 1px 6px; -moz-box-shadow:#95ADDB 1px 1px 6px; -o-box-shadow:#95ADDB 1px 1px 6px; -webkit-box-shadow:#95ADDB 1px 1px 6px; -ms-box-shadow:#95ADDB 1px 1px 6px; cursor:pointer; cursor:hand; }

.star {	background: url(/competyo/generacion/img/ministar.jpg) no-repeat 2px center; padding-left:18px !important;}
.starred { background-image: url(/competyo/img/starred.png); background-repeat:no-repeat; background-position: right 12px center; padding-left:18px !important;}
.listar li {margin:4px auto;}
.listar:not(.nostar) li { list-style-image: url(/competyo/generacion/img/ministar.jpg);}
.listar li ul li { list-style:circle; margin:2px;}
.liscur li { padding:0; margin-left:-12px; font-size:11px; font-weight:bold;   }
.liscur li:hover {color:#3177CC; cursor:pointer;}

.nostar li {list-style-image: url(/competyo/img/minicca.png);}
.nostar li {padding-bottom:5px;}
.nostar li span:before, strong.co:before { content:"- "; padding-left:12px;}
.nostar span, strong.co { font-size:12px; font-weight:bold; color:#111; font-style:italic; }

.foto {	float:left;	padding: 0px 21px 6px 0px; }
.fotoright {float:right; padding: 0px 0px 6px 21px; }

.blue, .blue a {color:#4884CC;}

.alto {height:300px;}
.bajo {height:120px;}

.blank {height:12px; width:100%; clear:both;}
.break {height:12px; width:100%; clear:both; border-bottom: 1px solid #B7D2E8;} 

#footer {padding-bottom:12px; border-top:1px solid #8FB3DA;  overflow:auto;}
 
.fadein {margin:0 auto; overflow:auto; padding: 0px; width:100%; border-bottom:#A2C2E8 1px solid;}
.fadein .sl { float:left; top:0px; left:0px; width:100%; height:auto; clear:both;}
.open { position:absolute; right:-23px; top:0; border-radius:4px; height:100%; width:23px; font-weight:bold; display:none;}

/*seccion GEN competyo*/
#contenedor {
	width:100%;
	background:#FFF;
	position:relative;
	overflow:auto;
}

#sidemenu .menu {display:none;}
#sidemenu {width:18% !important; border-right: 1px solid #B7D2E8; float:left;}
#sidemenu .club li {font-size:12px; line-height:18px; text-align:center;}
#sidemenu ul { list-style:none; margin:0 !important; padding-left:0 !important;}
#sidemenu ul li { padding:4px 8px; font-weight:bold; cursor:pointer; border-bottom: 1px solid #B7D2E8; color:#000;  font-size:10px; transition:all ease-in-out 0.3s; }
#sidemenu ul li:hover {color: #1E75CC; }
#sidemenu ul li a {text-decoration:none; color: inherit;}
#sidemenu ul li a:hover {color:#1E75CC;}
#sidemenu .extra {padding-left:6px; font-weight:norma	l;}
#sidemenu #jornadabot div {display:none;}
#sidemenu #jornadabot:hover div {}
.drop div, .dropy div {max-height:0px; overflow:hidden; transition:all ease-in-out 0.3s;}
.drop:hover div, .dropy:hover div {max-height:38px; border:1px solid #DAE9F8;}
.drop:hover div:hover {color:#000; background: #DAE9F8;}

.resaltar {background: #4885EA; color:#FFF !important; padding-top:8px !important; padding-bottom:8px !important;}
.resaltar:hover, .resaltar a:hover { color:#0FF !important;}
.mas {background:#F90 !important; text-align:center; padding:4px 0 4px 0 !important; margin:2px 0 2px 0 !important; color:#FFF !important; font-weight:bold !important; font-size:12px !important; border:#C60 1px solid; }
.mas:hover {background: #F30 !important; color:#FFF !important;	}

.social {text-align:center;}
.social img { margin:4px; border:1px solid #FFF; box-shadow:0px 0px 6px #333; transition:all ease-in-out 0.2s }
.social img:hover { margin:4px; box-shadow:0px 0px 12px #333; cursor:pointer;}

#conteni {float:right; display:block; margin:12px auto; width:81%;}
.esp {margin:6px; font-weight:bold; font-size:12px;}
.esp p {margin:4px 0 0 4px; font-size:11px;}

.infomenu ul {padding:0 !important; width:100%; text-align:center; margin:0 auto; display: block;}
.infomenu ul li {display:inline-block; list-style:none; padding:6px; margin:2px; background:#06F; border:#FFF 1px solid; color:#FFF; font-size:12px; font-weight:bold;}
.infomenu ul li a {color:inherit; text-decoration:none;}
.infomenu ul li:hover {background: #09F; box-shadow: #666 0px 0px 4px; transition:all ease-in-out .2s; cursor:pointer;}

/*FIN seccion GEN competyo*/

/*Boxes*/
.box {box-sizing: border-box; float:left; padding:1% 1% 0 1%; margin:1%; overflow:auto; position:relative; display:block; text-align:center;}
.min1 .box {min-height:220px;}
.min2 .box {min-height:250px;}
.min3 .box {min-height:400px;}
.min6 .box {min-height:200px;}
.boxme, .boxmeall .box {border:1px solid #777; cursor:pointer; transition:all ease-in-out 0.2s;}
.boxme:hover, .boxmeall .box:hover {box-shadow:0 0 4px #000; border:1px solid #333;}
.boxbg, .boxbgall .box {background: url(/competyo/img/inaem/bg2.jpg) repeat; color:#FFF;}
.round, .roundall .box {border-radius:8px;}
.b1, .b1all .box {width:98%; clear:both;}
.b2, .b2all .box {width:48%;}
.b3, .b3all .box {width:31%;}
.b4, .b4all .box {width:23%;}
.b5, .b5all .box {width:18%;}
.b6, .b6all .box {width:14.3%;}
	.b6 p, .b6all .box p {display:none;}
	.b6 h3, .b6all .box h3 {font-size:10px !important;}
	.b6 .but2, .b6all .box .but2 {float:none; width:90%; display:block; margin:0 auto; border:1px solid #666;}
.box:not(.b1) h3 {clear:both; font-size:15px; text-shadow:0 0 2px #000;}
.boxbgall p {color: #F3F3F3;} 
.box img {width:100%; height:auto; border:1px solid #333;}

/*new*/
.center {text-align:center;}
.button {display:block; cursor:pointer; margin:1%; background:#528CCD; color:#FFF; font-weight:bold; padding:8px 12px; transition:all ease-in-out 0.2s;}
.button:hover {background:#237EC9;}
.box .ver {text-decoration:underline;}

.botin {position:absolute; bottom:6px; width:100%; left:0;}
.but2 {float:left; box-sizing:border-box; width:48%; margin:1%;}

.lined {border-bottom:1px solid #A0C5E2}

.logos img {max-width:100%;}

@media (max-width:1000px){
	.wrapall {width:100%;}
	#inicio img {max-width:100%; width:auto; height:auto;}
	#head img {height:auto; width:100%}
	.sl img {width:100%; height:auto !important;}
	.butt img {width:50%; height:auto;}
	.butt p {margin:0px; padding:0px;}
	.round img { height:80%;}
} 

 @media (max-width:800px){
.b2, .b2all .box {width:98%; clear:both;}
.b3, .b3all .box {width:48%;}
.b4, .b4all .box {width:31%;}
.b5, .b5all .box {width:23%;}
	.box.b4 .botin {position:relative;}
 }
 
  
 @media (max-width:620px){

.formulario {width:100%; position:relative; font-size:13px;}

	.wrapall {border: none; box-shadow:none;}
	.adap { width:100%; height:auto;}
	.simple {width:98%; float:left; margin:1.1%; min-height:auto;}
	.mitad, .tercio {width:100%; margin:0 !important; padding:2px;}
	.mitad > div, .tercio > div {width:38% !important; float:left; margin:2px 0 !important; padding:2px 0 !important; background:none !important; box-shadow:none; height:auto !important; min-height:auto; color:#000; text-align:center; background-color: #F1F7FA !important; border: solid 1px  #6C99DD;}
	

	.panishop h2 { font-size:12px !important;}
	.panishop img { width:60% !important; height:auto; margin:0 auto; display:block}
	
	#conteni, #contenedor { position:relative; width:100%; margin:auto; padding:0; overflow:hidden;}

	.extra {display:none;}
	.simpleroundy { clear:both; width:100%;}
	.butt {width:95%;}
	.butt img {display:none;}
	.blank {height:8px;}
	h2, h1, h3 { font-size:16px !important; text-align:center; margin-bottom:12px !important; margin-top:12px !important;}
	#agendica {display:none;}
	.nobot a {font-size: 11px !important; text-decoration:none !important;}

		 #sidemenu {width:100% !important; overflow:auto;}
		 #sidemenu ul .menu {display:block; left:12px; font-size:16px; font-weight:bold;}
		 #sidemenu ul li {text-align:center; font-size:14px; margin:0 !important; display:none;}
		 #sidemenu ul:hover li { display:block;}
.nophone {display:none;}

.b4, .b4all .box, .b3, .b3all .box {width:48%;}
.b5, .b5all .box, .b6, .b6all .box {width:31%;}
		 
		 @media (max-width:380px) {
	.box .botin {position:relative}
	.b3, .b3all .box, .b4, .b4all .box, .b5, .b5all .box, .b6, .b6all .box {width:98%; clear:both; min-height:auto;}
}