@import "../../_css_/jux_reset.css";
@import "../../_css_/jux_common.css";
@import "../../_css_/jux_forms.css";
@import "../../_css_/jux_paginator.css";
@import "../../_css_/jux_news.css";
@import "gallery.css";
@import "../../_css_/jux_shop.css";
@import "../../_css_/jux_styles.css";
@import "../../_css_/jux_rss.css";
@import "../../_css_/jux_rating.css";


/* juX css by Nailuj */
body {background-color:black;color:#F9F9F9;

font-size:100%;
font-family:'Century Gothic','Bitstream Vera Sans', 'Lucida Grande', Verdana, sans-serif;
/*font-family:'Century Gothic',Tahoma, Verdana, 'Lucida Grande';*/
margin:0;padding:0;}

#header        { width:100%; padding:90px 0 0 0; margin: 10px 5px 5px 5px; text-align:center;}
#div_menu      { width:100%; margin: 20px 20px 30px 20px;text-align:center;}
#content       { margin: 0px 180px 2px 150px; overflow:hidden;/*bottom:25px;*/border:0px solid yellow;}

#sidebar-left  { position:absolute; top:275px; width:180px;              bottom:25px;}
#sidebar-right { position:absolute; top:275px;              width:150px; bottom:25px;}
#footer        { position:absolute;                                      height:25px; display:block;}

#sidebar-left  { left:0px;     /* background:#FFE5FF;*/ }
#sidebar-right { right:0px;    /* background:#F7FBEA; */}
#footer        { display:none; bottom:0px;    width:100%;  text-align:center; font-size:small; color:#aaa; /*background:#FFF2E5;*/ }


#logo  { position:absolute; width:508px; height:62px; top:2px;left:2px; cursor:pointer; background: url(../_images_/ta/logo.png);background-repeat: no-repeat}
#links { position:absolute; top:5px; right:10px; /*background:#EBEDEC; */}
#langs { position:absolute; top:22px; right:10px;/* background:#EBEDEC; */}

#box-hidden{ position: absolute; top: 200px; left:200px; bottom:200px; right:200px; backgroundrange; border:1px solid red; display: none; }

    div#MenuPrincipal   { top:0px; height: auto; margin:4px 0 5px 10px  ; text-align:left;}
    div#SubMenu1  { top:0px;                width:auto; margin:4px 0 5px 0px; text-align:left;}
    div#SubMenu2  { top:0px;                width:auto; margin:4px 0 5px 0px; text-align:left;}

a {text-decoration:none;color:#F9F9F9;}
a.active {color:#FFF4F4;border-bottom:1px dotted red;}
a:hover {text-decoration:none;color:#CCFFFF;}
a img {border:0;}
acronym {cursor:help;}
pre {overflow:auto;}

.miniatura .framed{border:4px solid red;}


.miniatura {
padding: 20px 5px 5px 5px;
float:left; 
margin: 10px  10px 10px 0px;  
/*margin-bottom: 22px; margin-right: 70px;*/
width: 170px;  height: 120px; text-align: left;
/*
float:left; 
margin: 10px  10px 22px 70px; width: 117px; 
height: 170px; text-align: left;
*/
	 
}
.miniatura a {
	text-decoration: none;
	font-variant: small-caps;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: bold;
	word-spacing: -0.1em; 
}
.miniatura span {
	float: left;
	height: 33px;
	width: 143px;
	padding-left: 15px;
	padding-top: 10px;
	background: url(../_images_/decomet/menu_0.png);
	background-repeat: no-repeat;
	position:relative;
	top: 10px;
	font-size: 12pt; color: #ffffff; font-family: Helvertica, Arial;
/*
	font-variant: small-caps;
	font-family:  Helvetica, Verdana,sans-serif;
	font-size: 12px;
	font-weight: bold;
	word-spacing: -0.1em; 
	margin: 0px;
	padding-top:10px;
	border: none;
	color: #000000;
*/
}

hr {width:90%;height:1px;text-align:center;}

div.contents ol {font-size:100%;line-height:130%;margin-top:1em;width:580px;margin-left:auto;margin-right:auto;}
div.content ol li {border:solid 1px #bbb;background-color:#fafafa;margin-bottom:10px;min-height:50px;padding:10px;}
div.content ol li img {float:right;padding:8px;}
div.content ol.courses {list-style:none;border:solid 1px #bbb;background-color:#fafafa;padding:0.6em 1em;}
div.content ol.courses li {border:0;min-height:0;margin-bottom:0.5em;padding:0;}
div.content ul {font-size:105%;line-height:130%;margin-bottom:0.6em;padding-right:10px;width:570px;margin-left:auto;margin-right:auto;}
div.content ul li {margin-bottom:0.5em;margin-top:0.5em;}
div.content ul li ul {font-size:100%;}


div.comment {background-color:#e5e5e5;color:#000;text-align:justify;border:solid 1px #bbb;}
div.comment h3 {font-size:130%;margin-top:5px;margin-bottom:10px;padding:0;}
div.console {font-size:90%;border:solid 1px #999;background-color:#333;color:#eee;font-family:"Andale Mono", Courier, Monospace;white-space:pre;padding-bottom:0.6em;}
div.contact {width:380px;margin-top:20px;padding-left:20px;padding-right:20px;background-color:#fafafa;color:#000;text-align:left;border:solid 1px #bbb;}
div.address {width:280px;padding-left:40px;margin-left:auto;margin-right:auto;font-style:italic;}
div.gallery {margin-top:20px;text-align:center;}
div.gallery img.thumbnail-photo {background-color:#fafafa;border:solid 1px #bbb;margin:2px;padding:2px;}


.news_rowtop  {border-bottom: 1px dotted #CCC;font-family : Arial, Helvetica, sans-serif;font-size : 10px; color: #FFFFCC; margin: 15px 0px 0px 0px;}
.news_section {float:left; text-transform:uppercase;}
.news_date    {float:right; right:0px; text-align:right; color: #FFFFCC;top:0px;}

.news_title   {text-align:left; font-family : Arial, Helvetica, sans-serif;font-size : 18px; color: #FFFFCC; font-weight:bolder; margin: 4px 0px 2px 0px;}
.news_subtitle{text-align:left; font-family : Arial, Helvetica, sans-serif;font-size : 10px; color: #FFFFCC; font-weight:bolder; margin: 2px 0px 10px 0px;}
.news_sign    {text-align:left; font-family : Arial, Helvetica, sans-serif;font-size : 9px; color: #FFFFCC; margin: 10px 0px 10px 0px;}

.news_intro   {text-align:left; font-family : Arial, Helvetica, sans-serif;font-size : 10px; color: #FFFFCC; }
.news_body    {text-align:left; font-family : Arial, Helvetica, sans-serif;font-size : 10px; color: #000; }
.news_intro p {text-align:left; font-family : Arial, Helvetica, sans-serif;font-size : 10px; color: #000; }
.news_body  p {text-align:left; font-family : Arial, Helvetica, sans-serif;font-size : 10px; color: #000; }

.news_url     {text-align:right;font-family : Arial, Helvetica, sans-serif;font-size : 9px; color: #FFFFCC; }
.news_footer  {text-align:right;font-family : Arial, Helvetica, sans-serif;font-size : 10px; color: #FFFFCC; }
.news_footer a{text-align:right;font-family : Arial, Helvetica, sans-serif;font-size : 10px; color: #FFFFCC; font-weight:bolder;}

#divnav    {  width:100%; height:22px; padding:0px; margin:0 5px 10px 0; border: 1px solid #BCBCBC; text-align : left; display:none;}
#divsearch {  width:100%; height:22px; padding:0px; margin:0 5px 4px 0;  border: 0px solid orange;  text-align : right;} 
#divsearch img {margin:0px; display:inline; padding:0px;vertical-align:middle;}




/* 
Añadir estos estilos en 
_jscripts_/spaw2/config/config.php 
*/

.date {  color: #ccf;}
.hidden-note {     display: none;}
.recuadro_derecha  {float:right;width:230px;border-top:3px ridge #5a6990;border-bottom:3px groove #5a6990;font-size:110%;margin:0 12px 0px 0;padding:10px 4px 10px 0;}
.recuadro_izquierda {float:left;width:230px;border-top:3px ridge #5a6990;border-bottom:3px groove #5a6990;font-size:110%;margin:0 12px 0px 0;padding:10px 4px 10px 0;}
.important  {  color: red; font-weight: bold;}
.warning  { color: red; font-weight: bold; text-align: center; border: 1px solid red;}
.border  { border: 4px solid #ccc;}
.blocki   { float: left; width: 200px; border: 1px solid gray; padding: 15px; margin: 0 0 20px 20px; clear: both; text-align: left !important;}
.blockr   { float: right; width: 200px; border: 1px solid gray; padding: 15px; margin: 0 0 20px 20px; clear: both; text-align: left !important;}
.floatr  { float: right;}
.floatl  { float: left;}

blockquote { font: 12px "Palatino Linotype", Garamond,Georgia;	color: #555;	margin: 40px 40px 20px 40px;    padding: 20px 30px 5px 30px;	clear:both;}
.ComillasInicio { float: left;font-size: 500%;font-family:Georgia, "Times New Roman", Times, serif; color: #FF0000;	margin-left:-30px; }
.ComillasFinal {float: right;font-size: 500%;font-family:Georgia, "Times New Roman", Times, serif;	color: #FF0000;	margin-top: -75px;	margin-right: -30px; }                        

.leftbox,
.leftbox1,
.leftbox2,
.leftbox3,
.leftbox4,
.leftbox5,
.chatbox
{padding : 10px;margin:0px 0px 4px 0px;width : 125px;background : #adadfe url(../_images_/ta/gradient.png) repeat-x 0 -5px;
 font-size:9pt;font-family:Calibri,'Segoe UI',Tahoma;
 color : #000;border:1px solid orange;}