/*
Theme Name: Kinal. Antzetik A.C
Theme URI: http://kinal.org.mx/
Description: Primera version de sitio web kinal (mayo 2009)
Version: 1.0
Author: Equipo Kinal
Tags: two columns
*/

body{margin:0;padding:0;font-family:verdana, arial, sans-serif;color:#000;background:#DA251D;}
#wrapper{width:900px;margin:0 auto;background:#fff;padding:0;}
#header{color:#C03018;width:100%;height:auto;margin:0;padding:0;background-image:url(images/header-textura.png);background-repeat:repeat;}
.ch{margin:0px auto;width:900px;padding:0;}
.cg{margin:0px auto;width:100%;padding:0;background:#DA251D;}
.galeria{width:900px;height:200px;margin:0 auto;padding:0;}
.tira {background-image:url(images/tira.gif);background-repeat:repeat;height:22px;border-top:2px solid #DA251D;border-bottom:2px solid #DA251D;margin-bottom:3px;}
.tira2 {background-image:url(images/footer-tira.png);background-repeat:repeat;height:38px;margin-bottom:5px;}
.tira3 {background-image:url(images/footer-tira-2.png);background-repeat:repeat;height:15px;margin-bottom:5px;}
.description-tira{width:900px;height:15px;background:#000;}
.tit-naranja {background-image:url(images/tit-naranja.png);background-repeat:repeat;height:10px;margin-bottom:5px;}
.tit-violeta {background-image:url(images/tit-violeta.png);background-repeat:repeat;height:10px;margin-bottom:5px;}

#content{margin:15px 15px 25px 0;padding:0px;width:590px;font-size:13px;float:right;min-height:300px;}
#content p{line-height:1.6em;}
#content a {color:#446CC5;}
#content ul li {line-height:1.6em;margin:5px 0 0 0;padding:5px 0 0 0;}
#content ol li {line-height:1.6em;margin:5px 0 15px 0;padding:5px 0 0 0;}
#content p.fecha{margin:0 0 15px 0;padding:0;color:#124c8b;}

#sidebar{width:250px;float:left;background:#fff;background-image:url(images/png);margin:25px 0 15px 15px;padding:0;}
#sidebar .banner {width:250px;height:250px;border:1px solid #ddd;background:#ddd;margin:0 0 35px 0;}
#sidebar img {border:0;}

#footer{clear:both;height:200px;color:#ddd;padding:0;margin:0;font-size:11px;width:auto;background-image:url(images/header-textura.png);background-repeat:repeat;}

#footer p{padding:5px;}
#footer .sedes {margin:20px 0 0 20%;}
#footer .info-df{width:250px;height:130px;float:left;margin-left:5%;}
#footer .info-ch{width:250px;height:130px;float:left;margin-left:50px;}


.navmenu{float:right;padding:0;margin:10px 15px 0 0;}
.navmenu ul{margin:0;padding:0;list-style-type:none;}
.navmenu ul li{display:inline;}
.navmenu ul li a{color:#fff;text-decoration:none;padding:12px 0 4px 0;margin:0 0 11px 11px;font-weight:bold;font-size:11px;font-family:Arial, Helvetica, sans-serif;}
.navmenu ul li a:hover{text-decoration:underline;}
.navmenu ul li a.current{color:#3d3239;}

.menu2{width:240px;margin:20px 0 35px 0;}
.menu2 ul {width:240px;margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;}
.menu2 ul li {list-style:none;}
.menu2 ul li.naranja  a{display:block;margin:0;padding:7px 0 7px 22px;text-decoration:none;width:230px;border-top:1px dashed #f3cabb;border-bottom:1px dashed #f3cabb;color:#F34607;background-image:url(images/list1.png);background-repeat:no-repeat;background-position:5px center;}
.menu2 ul li.morado  a{display:block;margin:0;padding:7px 0 7px 22px;text-decoration:none;width:230px;border-bottom:1px dashed #f6d5f5;color:#6B3969;background-image:url(images/list2.png);background-repeat:no-repeat;background-position:5px center;}
.menu2 ul li.azul  a{display:block;margin:0;padding:7px 0 7px 22px;text-decoration:none;width:230px;border-bottom:1px dashed #b9bfff;color:#252d80;background-image:url(images/list3.png);background-repeat:no-repeat;background-position:5px center;}
.menu2 ul li.verde  a{display:block;margin:0;padding:7px 0 7px 22px;text-decoration:none;width:230px;border-bottom:1px dashed #c4efdc;color:#41775f;background-image:url(images/list4.png);background-repeat:no-repeat;background-position:5px center;}
.menu2 ul li.rosa  a{display:block;margin:0;padding:7px 0 7px 22px;text-decoration:none;width:230px;border-bottom:1px dashed #f3c3dc;color:#ca1071;background-image:url(images/list5.png);background-repeat:no-repeat;background-position:5px center;}
.menu2 ul li.lila  a{display:block;margin:0;padding:7px 0 7px 22px;text-decoration:none;width:230px;border-bottom:1px dashed #d7cdfd;color:#7b6cb1;background-image:url(images/list6.png);background-repeat:no-repeat;background-position:5px center;}

.menu2 ul li.naranja  a:hover{background:#F34607;color:#f3cabb;background-image:url(images/lh1.png);background-repeat:no-repeat;background-position: 5px center;}
.menu2 ul li.morado  a:hover{background:#6B3969;color:#f6d5f5;background-image:url(images/lh2.png);background-repeat:no-repeat;background-position:5px center;}
.menu2 ul li.azul  a:hover{background:#252d80;color:#909aff;background-image:url(images/lh3.png);background-repeat:no-repeat;background-position:5px center;}
.menu2 ul li.verde  a:hover{background:#41775f;color:#c4efdc;background-image:url(images/lh4.png);background-repeat:no-repeat;background-position:5px center;}
.menu2 ul li.rosa  a:hover{background:#ca1071;color:#f3c3dc;background-image:url(images/lh5.png);background-repeat:no-repeat;background-position:5px center;}
.menu2 ul li.lila  a:hover{background:#7b6cb1;color:#d7cdfd;background-image:url(images/lh6.png);background-repeat:no-repeat;background-position:5px center;}

img.miscelanea{padding:0 7px 0 5px;float:left;position:relative;float:left;border:0;}
img.miscelanea2{padding:0 8px 0 5px;float:left;position:relative;float:left;border:0;}

.description{height:330px;width:900px;margin:0 0 50px 15px;background:#000;padding:20px 0 0 0;border-top:2px solid #da241d;border-bottom:2px solid #da241d;}

.side1{height:150px;margin:0 3px 5px 1px;padding:10px 0 0 0;width:297px;background-image:url(images/1.png);background-repeat:no-repeat;float:left;}
.side1 span.parrafo{padding:5px 7px 0 0;margin:0;font-size:11px;line-height:1.5em;color:#f3cabb;}
.side1 ul.kinal span.menu {color:#fff;margin:0;padding:5px 5px 5px 0;font-family:Arial, Helvetica, sans-serif;font-size:15px;font-weight:bold;line-height:1.7em;}
.side1 ul.kinal {width:297px;margin:0;padding:0;}
.side1 ul.kinal li {list-style: none;margin: 0;padding:0; }
.side1 ul.kinal li  a{display:block;list-style: none;margin:0;padding: 0px;text-decoration:none;height:150px;width:297px;}
/* .side1 ul.kinal li  a:hover{background:#f37607;} */

.side2{height:150px;margin:0 3px 5px 0;padding:10px 0 0 0;width:297px;background-image:url(images/2.png);background-repeat:no-repeat;float:left;}
.side2 span.parrafo{padding:5px 0 0 0;margin:0;font-size:11px;line-height:1.5em;color:#f6d5f5;}
.side2 ul.kinal span.menu_2 {color:#fff;margin:0;padding:0px 5px 0px 0;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;}
.side2 ul.kinal {width:297px;margin:0;padding:0;}
.side2 ul.kinal li {list-style: none;margin: 0;padding: 0; }
.side2 ul.kinal li  a{display:block;list-style: none;margin:0;padding: 0;text-decoration:none;width:298px;}
/*  .side2 ul.kinal li  a:hover{background:#9c5399;} */

.side3{height:150px;padding:10px 0 0 0;margin:0 0 5px 0;width:297px;background-image:url(images/3.png);background-repeat:no-repeat;float:left;}
.side3 span.parrafo{padding:0 5px 0 0;margin:0;font-size:11px;line-height:1.5em;color:#909aff;}
.side3 ul.kinal span.menu3 {color:#fff;margin:0;padding:0px 5px 0px 0;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;}
.side3 ul.kinal {width:297px;margin:0;padding:0;}
.side3 ul.kinal li {list-style: none;margin: 0;padding: 0; }
.side3 ul.kinal li  a{display:block;list-style: none;margin:0;padding: 0;text-decoration:none;width:297px;}
/*  .side3 ul.kinal li  a:hover{background:#303aa4;} */

.side4{height:150px;padding:10px 0 0 0;margin:0 3px 0 1px;width:297px;background-image:url(images/4.png);background-repeat:no-repeat;float:left;}
.side4 span.parrafo{padding:5px 5px 0 0;margin:0;font-size:11px;line-height:1.5em;color:#c4efdc;}
.side4 ul.kinal span.menu4 {color:#fff;margin:0;padding:0px 5px 0px 0;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;line-height:1.7em;}
.side4 ul.kinal {width:297px;margin:0;padding:0;}
.side4 ul.kinal li {list-style: none;margin: 0;padding: 0; }
.side4 ul.kinal li  a{display:block;list-style: none;margin:0;padding: 0;text-decoration:none;height:130px;width:297px;}
 /* .side4 ul.kinal li  a:hover{background:#14774b;} */

.side5{height:150px;margin:0 3px 0 0;padding:10px 0 0 0;width:297px;background-image:url(images/5.png);background-repeat:no-repeat;float:left;}
.side5 span.parrafo{padding:5px 5px 0 0;margin:0;font-size:11px;line-height:1.5em;color:#f3c3dc;}
.side5 ul.kinal span.menu5 {color:#fff;margin:0;padding:10px 5px 5px 0;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;line-height:1.7em;}
.side5 ul.kinal {width:297px;margin:0;padding:0;}
.side5 ul.kinal li {list-style: none;margin: 0;padding: 0; }
.side5 ul.kinal li  a{display:block;list-style: none;margin:0;padding: 0;text-decoration:none;width:297px;}
/*  .side5 ul.kinal li  a:hover{background:#f7148a;} */

.side6{height:150px;margin:0;padding:10px 0 0 0;width:297px;background-image:url(images/6.png);background-repeat:no-repeat;float:left;}
.side6 span.parrafo{padding:5px 8px 0 0;margin:0;font-size:11px;line-height:1.5em;color:#d7cdfd;}
.side6 ul.kinal span.menu6 {color:#fff;margin-top:10px;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;}
.side6 ul.kinal {width:297px;margin:0;padding:0;}
.side6 ul.kinal li {list-style: none;margin: 0;padding: 0; }
.side6 ul.kinal li  a{display:block;list-style:none;margin:0;padding: 0;text-decoration:none;width:297px;}
/* .side6 ul.kinal li  a:hover{background:#553cb1;} */

#avisos{width:900px;margin:0;}
.eventos{width:680px;margin:0;padding:0;background:#fff;color:#fda7bf;}
.publicaciones{float:right;width:220px;margin:0;padding:0;background:#fff;}
span.meta{font-size:11px;}
.creditos{margin-top:25px;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;font-size:11px;padding:10px 0 10px 0;}
img.titulo{margin:15px 0 10px 15px;border:0;}
.logotipo{width:440px;}

#content h2 {margin:10px 0 30px 0;padding:1px 0 1px 0;font-family:Times,serif;font-size:25px;font-weight:normal;color:#F34607;}
#content h2.news {padding:0;margin:20px 0 0 0;font-weight:normal;font-size:25px;font-family:Times,serif;color:#F34607;}
#content h2.news a{padding:0;margin:20px 0 0 0;font-weight:normal;font-size:25px;font-family:Times,serif;text-decoration:none;color:#F34607;}
h2.news a:hover{text-decoration:underline;}
h3 {padding:0;margin:25px 0 0 0;font-weight:normal;font-size:20px;font-family:Times,serif;color:#F34607;}
h4 {padding:0;margin:40px 0 0 0;font-weight:normal;font-size:17px;font-family:Arial, verdana,sans-serif;color:#F34607;}


h3.lateral {padding:4px 0 4px 20px;margin:0 0 15px 0;font-weight:bold;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#fff;background:#6B3969;text-transform:uppercase;background-image:url(images/icon-uparrowsmallwhite.png);background-repeat:no-repeat;background-position:5px center;}

#content h4.ultimas {padding:4px 0 4px 20px;margin:10px 0 10px 0;font-weight:bold;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#fff;background:#CC0975;text-transform:uppercase;background-image:url(images/icon-uparrowsmallwhite.png);background-repeat:no-repeat;background-position:5px center;}

h3.mapa {padding:4px 0 4px 20px;margin:35px 0 15px 0;font-weight:bold;font-size:11px;font-family:Arial, Helvetica, sans-serif;background-color:#6B3969;color:#fff;background:#42765B;text-transform:uppercase;background-image:url(images/icon-uparrowsmallwhite.png);background-repeat:no-repeat;background-position:5px center;}

h3.comentarios{padding-top:30px;}

h3.fonoteca {font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#000;font-weight:bold;margin:0;padding:0 0 0 20px;background-image:url(images/sound.png);background-repeat:no-repeat;background-position:left center;}

.wrapper p.qs4{font-size:14px;font-family:Arial, Helvetica, sans-serif;line-height:1.6em;color:#c4efdc;}


ol.fonoteca1 {margin:0 20px 20px 30px;padding:10px 0 0 0;}
ol.fonoteca {margin:0 20px 20px 20px;padding:10px 0 0 0;border-top:1px dashed #d7cdfd;}
ol.fonoteca li {margin:0 0 15px 10px;padding:0;font-weight:bold;color:#553cb1;height:auto;border-bottom:1px dashed #d7cdfd;list-style-position:inside;font-size:12px;}


.content-meta{margin:0 0 25px 0;padding:0;}
.content-contenido {margin:0 0 30px 0;border-bottom:1px dashed #f3cabb;}

				  				  
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 25px;}
.floatLeft1							{ float: left; margin-right: 25px;margin-top:5px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }


/*
	PAGE STRUCTURE
*/
#page-wrap 		{ width: 900px; margin:0; position: relative; height: 260px;padding:0;background-image:url(images/texturilla.png);background-repeat:repeat;}

.wrapper h1 {font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#F43904;font-weight:normal;margin:0;padding:0;}
.wrapper p.qs{font-size:14px;font-family:Arial, Helvetica, sans-serif;line-height:1.6em;color:#f3cabb;}
.wrapper a.e1 {color:#F43904;text-decoration:none;}

.wrapper h1.qs2 {font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#6A386C;font-weight:normal;}
.wrapper p.qs2{font-size:14px;font-family:Arial, Helvetica, sans-serif;line-height:1.6em;color:#f6d5f5;}
.wrapper a.e2{color:#6A386C;text-decoration:none;}


.wrapper h1.qs3 {font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#4a4fa7;}
.wrapper p.qs3{font-size:14px;font-family:Arial, Helvetica, sans-serif;line-height:1.6em;color:#ced2ff;}
.wrapper a.l3 {color:#4a4fa7;text-decoration:none;}


.wrapper h1.qs4 {font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#42765B;}
.wrapper p.qs4{font-size:14px;font-family:Arial, Helvetica, sans-serif;line-height:1.6em;color:#c4efdc;}
.wrapper a.e4 {color:#42765B;text-decoration:none;}

.wrapper h1.qs5 {font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#CC0975;}
.wrapper p.qs5{font-size:14px;font-family:Arial, Helvetica, sans-serif;line-height:1.6em;color:#f3c3dc;}
.wrapper a.e5 {color:#CC0975;text-decoration:none;}

.wrapper h1.qs6 {font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#7A6CB4;}
.wrapper p.qs6{font-size:14px;font-family:Arial, Helvetica, sans-serif;line-height:1.6em;color:#d7cdfd;}
.wrapper a.e6 {color:#7A6CB4;text-decoration:none;}

												



/*
	SLIDER
*/
.slider-wrap								{ width: 830px; position: absolute; top: 0; left: 0px; padding:40px 0 0 15px;}			
.stripViewer .panelContainer
.panel ul									{ text-align: left; margin: 0 15px 0 30px;}
.stripViewer								{ position: relative; overflow: hidden; width: 830px; height:162px;}
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 830px; background:transparent;margin:0;padding:0;}
.stripNavL, .stripNavR, .stripNav			{ display: none;}

#nav-thumb2 {width:60px;margin:0 0 0 46%;padding:1px 0 0 0;height:43px;}
.nav-thumb								{ border: 1px solid white; margin-right: 5px; padding:1px;}
#movers-row									{ margin: -43px 0 0 62px; }
#movers-row div								{ width: 10%; float: right;}
#movers-row div a.cross-link 				{ float: right; }



.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -20px; 
											  position: relative; padding-top: 15px; z-index: 9999; }
.active-thumb 								{ background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat;}



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	0px solid #fff;
	border-top:		0px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}
.sf-menu li {
	background:		transparent;
}
.sf-menu li li {
	background:		transparent;
}
.sf-menu li li li {
	background:		transparent;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		transparent;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}


div.pagination {font-size:11px;text-transform:uppercase;text-align:left;padding:20px;margin:40px 0 40px 0;}
div.pagination a {padding: 2px 5px 2px 5px; margin:2px;border: 1px solid #292a2b;text-decoration:none;color: #333;}
div.pagination a:hover, div.pagination a:active {border: 1px solid #333;background:#DA251D;color:#fff;}
div.pagination span.current {padding: 2px 5px 2px 5px;margin:2px;border:1px solid #333;font-weight:bold;background:#DA251D;color:#fff;} 
div.pagination span.disabled {padding: 2px 5px 2px 5px;margin:2px;border:1px solid #EEE;color:#DDD;}


/* align*/
.alignleft, .post .alignleft{float: left;padding:5px 9px 3px 0;}
.alignright, .post .alignright{float: right; padding:5px 0 3px 7px;}
.aligncenter,div.aligncenter,.post .aligncenter {display: block;margin-left: auto;margin-right: auto;}