/*
Theme Name: ITTSM 2010
Theme URI: http://www.enlacecontinuo.com
Description: Nueva Imagen de ITTSM
Version: 2.0
Author: Jacob Pulido
Author URI: http://www.enlacecontinuo.com
Tags: enlace, continuo, blog, diseņo,
*/



/* Begin Typography & Colors */
body { margin:auto; padding:0px; background-color: #FFF; font-family: Tahoma, Geneva, sans-serif; background-color:#FFF;}

.menu-principal .secciones a {color: #666; font-weight:bold; text-decoration:none;}
.menu-principal .secciones a:hover { color:#F90; font-weight:bold; text-decoration:underline;}

.menu-secundario .secciones a {color: #FFF; font-weight:bold; text-decoration:none;}
.menu-secundario .secciones a:hover { color:#F90; font-weight:bold; text-decoration:underline;}

.secciones .menuopcion { float:left; width:190px; height:auto; margin:0px; padding:0px;}

.alignright { float:right;}
.alignleft {float:left;}

img { border:none;}

.linklove a {color: #FFF;}

a { color:#006; text-decoration:none;}
a:hover { color:#F90; text-decoration:underline; }

.footer a {color:#FFF; text-decoration:none;}
.footer a:hover { color:#00C}

.texto-wrapper-right { float:right; width:155px; height:auto; margin:0px; padding:0px;}

.evento{  float:left; width:235px; height:130px; margin:0px; margin-left:10px; margin-bottom:10px; padding:0px; }

.noticia{  float:left; width:235px; height:auto; margin:0px; margin-left:10px; margin-bottom:10px; padding:0px; }
.noticia h2 { font-size:12px; }

.noticia-categoria{  float:left; width:680px; height:130px; margin:0px; margin-left:10px; margin-bottom:10px; padding:0px; }

.noticia-categoria h2 { font-size:14px;}
.contenido-noticias a { color:#00C; text-decoration:none;}
.contenido-noticias a:hover { color:#F90;}

.widget { float:left; width:180px; height:auto; margin:0px; margin-bottom:10px; padding:0px; font-size:12px; border-bottom:#009 solid 1px;}
.widget h2 { margin:0px; padding:0px; font-size:16px; font-weight:bold;}

.promo {float:left; width:180px; height:150px; margin:0px; margin-bottom:5px; padding:0px; background-color:#eee; border:#CCC solid 1px;}
.promo img { margin:0px; padding:0px;}

.medio .interior h2, .nosotros h2 { margin:0px; margin-left:5px; padding:0px; font-size:14px; color:#009cde;}
.medio .interior ul { margin:0px; margin-left:20px; padding:0px; font-size:14px;}
.medio .interior a { color:#000; text-decoration:none;}
.medio .interior a:hover { color: #F90; text-decoration:underline;}
.medio . interior .more a { color:#CCC; font-size:12px;}

p.readmore { text-align: right; } p.readmore a { color: #F90; text-decoration:none; font-size: 11px; } p.more a:hover { color:#006; text-decoration:underline;}

.episodios .tubepress_thumb { width:160px; height:auto; margin:0px; padding:0px; }

.tubepress_thumb { width:100%; height:auto; margin:0px; padding:0px; }

/* Rotator Styles */
#wrapper {
	width:950px;
	margin:0 auto;
}

#rotator {
	color:#fff;
	position:relative;
	z-index:1;
	margin:0px;
	padding:0px;
	font-size:16px;
	text-align:left;
}

/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	line-height:.3;
	text-decoration:none;
	font-size:100%;
	list-style:none;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	_width:25px;
}

ul.ui-tabs-nav {
	position:absolute;
	text-align:right;
	bottom:0px;
	left:0;
	z-index:1;
	width:500px;
}

/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link,
li.ui-tabs-nav-item a:visited {	
	font-size:.8em;
	font-weight:normal;
	color:#999;
	background:none; 
	opacity:0.4;
	filter:alpha(opacity=40);
}

/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover,
#rotator .ui-tabs-nav-item a:active {
	background:none;
	color:#333;
	opacity:1;
	filter:alpha(opacity=100);
}

#rotator .ui-tabs-nav-item a span {
	float:left; 
	padding:.5em;
	margin-bottom:10px;
	cursor:pointer;
}

/* Active Tab */
#rotator .ui-tabs-selected a:link,
#rotator .ui-tabs-selected a:visited,
#rotator .ui-tabs-selected a:hover,
#rotator .ui-tabs-selected a:active {
	background: none;
	color:#333;
	opacity:1;
	filter:alpha(opacity=100);
}
/* Content Panels */
#rotator .ui-tabs-panel {
	font-family:Arial, Helvetica, sans-serif;
	clear:left;
	color:#000;
	padding:0px;
	height:370px;
}

.seccion-disenadores #rotator .ui-tabs-panel {
	font-family:Arial, Helvetica, sans-serif;
	clear:left;
	color:#000;
	padding:0px;
	height:300px;
}

#rotator .ui-tabs-hide {
	display:none;
}

#fragment-1 h2 {
	color:#E75D00;
	font-weight:normal;
	margin:0px;
	margin-right:5px;
	padding:0px;
	font-size:1.5em;
	height:auto;
	float:right;
	text-align:right;
}

#fragment-1 h2 a { color:#FFF; text-decoration:none; }
#fragment-1 h2 a:hover { color:#F60; text-decoration:none;}

#fragment-1 p {
	font-size:.8em;
	color: #CCC;
	width: 200px;;
	margin-right:5px;
	text-align:right;
	float:right;
}
#fragment-1 p.readmore { text-align: right; float:right; } 
#fragment-1 p.readmore a { color: #F60; font-size: 11px; }

#fragment-2 h2 {
	color:#E75D00;
	font-weight:normal;
	margin:0px;
	margin-left:5px;
	padding:0px;
	font-size:1.5em;
	height:auto;
	float:left;
	text-align:left;
}

#fragment-2 h2 a { color:#FFF; text-decoration:none; }
#fragment-2 h2 a:hover { color:#F60; text-decoration:none;}

#fragment-2 p {
	font-size:.8em;
	color: #CCC;
	width:200px;
	margin-left:5px;
	text-align:left;
	float:left;
}

#fragment-2 p.readmore { text-align: left; float:left; } 
#fragment-2 p.readmore a { color: #F60; font-size: 11px; }


#fragment-3 h2 {
	color:#E75D00;
	font-weight:normal;
	margin:0px;
	margin-right:5px;
	padding:0px;
	font-size:1.5em;
	height:auto;
	float:right;
	text-align:right;
}

#fragment-3 h2 a { color:#FFF; text-decoration:none; }
#fragment-3 h2 a:hover { color:#F60; text-decoration:none;}

#fragment-3 p {
	font-size:.8em;
	color: #CCC;
	width: 200px;;
	margin-right:5px;
	text-align:right;
	float:right;
}
#fragment-3 p.readmore { text-align: right; float:right; } 
#fragment-3 p.readmore a { color: #F60; font-size: 11px; }

#fragment-4 h2 {
	color:#E75D00;
	font-weight:normal;
	margin:0px;
	margin-left:5px;
	padding:0px;
	font-size:1.5em;
	height:auto;
	float:left;
	text-align:left;
}

#fragment-4 h2 a { color:#FFF; text-decoration:none; }
#fragment-4 h2 a:hover { color:#F60; text-decoration:none;}

#fragment-4 p {
	font-size:.8em;
	color: #CCC;
	width:200px;
	margin-left:5px;
	text-align:left;
	float:left;
}

#fragment-4 p.readmore { text-align: left; float:left; } 
#fragment-4 p.readmore a { color: #F60; font-size: 11px; }

#fragment-5 h2 {
	color:#E75D00;
	font-weight:normal;
	margin:0px;
	margin-right:5px;
	padding:0px;
	font-size:1.5em;
	height:auto;
	float:right;
	text-align:right;
}

#fragment-5 h2 a { color:#FFF; text-decoration:none; }
#fragment-5 h2 a:hover { color:#F60; text-decoration:none;}

#fragment-5 p {
	font-size:.8em;
	color: #CCC;
	width: 200px;;
	margin-right:5px;
	text-align:right;
	float:right;
}
#fragment-5 p.readmore { text-align: right; float:right; } 
#fragment-5 p.readmore a { color: #F60; font-size: 11px; }

#menuh-container
	{
	position: absolute;
	margin-left:120px;
	}

#menuh
	{
	font-size: 1em;
	font-family: arial, helvetica, sans-serif;
	width:100%;
	float:left;
	}
		
#menuh a
	{
	text-align: left;
	display:block;
	text-indent:5px;
	white-space:nowrap;
	margin:0;
	padding: 0.3em;
	padding-left:1em;
	padding-right:1.5em;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active	/* menu at rest */
	{
	color: #FFF;
	font-weight:bold;
	background-color: #009cde;
	text-decoration:none;
	width:auto;
	}
	
#menuh a:hover						/* menu on mouse-over  */
	{
	color: #000;
	background-color: #ddefff;
	text-decoration:none;
	}	
	
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
	{
	background-image: url();
	_background-image: none;
	background-position: right center;
	background-repeat: no-repeat;
	}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
	{
	background-image: url();
	_background-image: none;
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuh ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#menuh li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#menuh ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}