*{
margin:0;
padding:0;
clear: both:
}

body{
font-family:Tahoma;
background: url(imagenes/io-kit-fx.png) 0px -1px repeat-x;
color:#000;
font-size:12px;
}
a{
text-decoration:none;
color:#990000;
}
img{
border:none;
}





.tipsy { 
padding: 5px; 
font-size: 12px; 
background-repeat: no-repeat;  
background-image: url(imagenes/io-kit-tip-corners.gif); 
}  

.tipsy-inner { 
padding: 5px 10px 10px 10px; 	
background: #1C1C1C; 	
color: #e7e7e7;
max-width: 300px; 	
text-align: lef; 

font-weight:bold;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
}  

.tipsy-north { 
background-position: top center; 
}  

.tipsy-south { 
background-position: bottom center; 
}  

.tipsy-east { 
background-position: right center; 
}  

.tipsy-west { 
background-position: left center; 
}

.tipsy ul{
list-style:none;
}





div.io-kit-screen{
background: url(imagenes/io-kit-bodybg.png) top left repeat-x;
height:254px;
width:100%;
margin-bottom:-254px;
position:absolute;
top:0px;
}





div.io-kit-content{
width:900px;
min-width:910px;
margin:0 auto;
margin-bottom:70px;
position:relative;
top:0px;
}
div.io-kit-bar{
background:transparent url(imagenes/io-kit_top_center.png) top left repeat-x;
height:38px;
}
div.io-kit-standard{
width:900px;
}
div.io-kit-standard:before{
content: url(imagenes/io-kit_top_corner_left.png);
float:left;
margin-left:-7px;
}
div.io-kit-standard:after{
content: url(imagenes/io-kit_top_corner_right.png);
float:left;
margin-left:900px;
margin-top:-38px;
}
div.fixed{
position:fixed;
top:0px;
z-index:999;
}
ul.io-kit-hmenutop{
width:900px;
height:38px;
line-height:38px;
color:#FFF;
list-style:none;
}

ul.io-kit-hmenutop li{
float:left;
padding:0 10px;
cursor:pointer;
}

ul.io-kit-hmenutop li.right{
float:right;
}

ul.io-kit-hmenutop li:hover{
color:#e7e7e7;
}

ul.io-kit-hmenutop li.active{
color:#444444;
border:1px solid #999999;
background:#FFF url(imagenes/io-kit-button.png) repeat-x;
border-bottom:none;
border-top:none;
box-shadow: 0 1px 5px #ccc;
-moz-box-shadow: 0 1px 5px #ccc;
-webkit-box-shadow: 0 1px 5px #ccc;
}

.np{
color:#444444;
border:1px solid #999999;
background:#FFF url(imagenes/io-kit-button.png) repeat-x;
border-bottom:none;
border-top:none;
box-shadow: 0 1px 5px #ccc;
-moz-box-shadow: 0 1px 5px #ccc;
-webkit-box-shadow: 0 1px 5px #ccc;
}

.np:hover, a li.np:hover{
color:#000;
border:1px solid #ccc;
background:#FFF url(imagenes/io-kit-button.png) repeat-x;
border-bottom:none;
border-top:none;
box-shadow: 0 1px 7px #ccc;
-moz-box-shadow: 0 1px 7px #ccc;
-webkit-box-shadow: 0 1px 7px #ccc;
}

ul.io-kit-hmenutop li img{
float:left;
margin:4px 5px 0 0;
height:30px;
width:30px;
background-color:#FFF;
}

div.io-kit-menuresponse{
width:400px;
padding:10px;
background-color:#FFF;
position:fixed;
top:38px;
border:1px solid #999999;
border-top:none;
display:none;
line-height:15px;
color:#999999;
box-shadow: 0 1px 5px #999999;
-moz-box-shadow: 0 1px 5px #999999;
-webkit-box-shadow: 0 1px 5px #999999;
}

div.io-kit-menuresponse textarea{
width:385px;
max-width:385px;
height:100px;
max-height:100px;
}

div.io-kit-menuresponse ul{
list-style:none;
}


div.right{
margin-left:480px;
}

#ionotify{
margin-left:31px;
}

#iomessages{
margin-left:67px;
}


.io-kit-icon{
width:10px;
height:21px;
margin-top:9px;
margin-right:5px;
}

.icon-home{
background:url(imagenes/io-kit-mediaicons.png) -61px 0px no-repeat;
}

.icon-home:hover{
background:url(imagenes/io-kit-mediaicons.png) -61px -22px no-repeat;
}

.icon-notify{
background:url(imagenes/io-kit-mediaicons.png) 0px -45px no-repeat;
}

.icon-notify:hover{
background:url(imagenes/io-kit-mediaicons.png) -31px -45px no-repeat;
}

.icon-msg{
background:url(imagenes/io-kit-mediaicons.png) 0px -66px no-repeat;
}

.icon-msg:hover{
background:url(imagenes/io-kit-mediaicons.png) -31px -66px no-repeat;
}

.icon-photo{
background:url(imagenes/io-kit-mediaicons.png) 0px -23px no-repeat;
}

.icon-photo:hover{
background:url(imagenes/io-kit-mediaicons.png) -31px -23px no-repeat;
}

.icon-video{
background:url(imagenes/io-kit-mediaicons.png) 0px 0px no-repeat;
}

.icon-video:hover{
background:url(imagenes/io-kit-mediaicons.png) -31px 0px no-repeat;
}

.icon-state{
background:url(imagenes/io-kit-mediaicons.png) -62px -66px no-repeat;
}


div.io-kit-searchbox{
height:21px;
width:100px;
background:#FFF url(imagenes/io-kit-button.png) repeat-x;
margin-top:9px;
}



.io-kit-button, .io-kit-textin{
background:#FFF url(imagenes/io-kit-button.png) repeat-x;
height:21px;
line-height:21px;
padding:0 5px;
margin:0px;
border:1px solid #999999;
color:#444444;

}

.io-kit-searchbtn{
margin-left:-5px;
margin-top:1px;
height:25px;
}


.io-kit-textin{
width:250px;
color:#999999;
}

.io-kit-textin:focus{
background:#FFF url(imagenes/io-kit-button.png) repeat-x;
color:#444444;
box-shadow: 0 1px 5px #ccc;
-moz-box-shadow: 0 1px 5px #ccc;
-webkit-box-shadow: 0 1px 5px #ccc;
}

div.io-kit-header{
position:relative;
top:50px;
height:175px;
}

div.io-kit-menu{
width:900px;
height:58px;
line-height:58px;
color:#FFF;
background: url(imagenes/io-kit_menu_center.png) top left repeat-x;
position:relative;
top:10px;
}

div.io-kit-menu a li{
color:#FFF;
}

div.io-kit-menu li ul a li{
color:#444444;
}


div.io-kit-menu:before{
content: url(imagenes/io-kit_menu_corner_left.png);
float:left;
margin-left:-7px;
}
div.io-kit-menu:after{
content: url(imagenes/io-kit_menu_corner_right.png);
float:left;
margin-left:900px;
margin-top:-58px;
}

div.io-kit-menu ul{
list-style:none;
height:58px;
width:900px;
}

div.io-kit-menu ul li{
padding:0 25px;
float:left;
}

div.io-kit-menu ul li:hover{
background: url(imagenes/io-kit_menu_center.png) bottom left repeat-x;
color:#444444;
box-shadow: 0 1px 5px #ccc;
-moz-box-shadow: 0 1px 5px #ccc;
-webkit-box-shadow: 0 1px 5px #ccc;
}

div.io-kit-menu ul li ul{
width:300px;
float:left;
position:absolute;
background-color:#FFF;
color:#444444;
line-height:30px;
z-index:99;
height:auto;
padding:5px 0px;
border:1px solid #999999;
margin-left:-25px;
border-top:none;
display:none;
box-shadow: 0 1px 5px #999999;
-moz-box-shadow: 0 1px 5px #999999;
-webkit-box-shadow: 0 1px 5px #999999;
z-index:999;
}

div.io-kit-menu ul li:hover ul{
display:block;
}

div.io-kit-menu ul li ul li{
float:none;
border-bottom:1px solid #FFF;
border-top:1px solid #FFF;
z-index:99;
}

div.io-kit-menu ul li ul li:hover{
border-bottom:1px solid #999999;
border-top:1px solid #999999;
}


div.io-kit-actionsbox{
width:900px;
height:45px;
line-height:45px;
margin-bottom:5px;
position:relative;
}

.io-kit-actions{
list-style:none;
border:1px solid #999999;
background: url(imagenes/io-kit_menu_center.png) bottom left repeat-x;
height:45px;
line-height:45px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
padding:0 5px;
width:890px;
position:absolute;
float:left;
}

.io-kit-actions li{
float:left;
padding:0 10px;
border-right:1px solid #999999;
}

.io-kit-actions li.r{
float:right;
border-right:none;
border-left:1px solid #999999;
}

.io-kit-actions li:hover{
box-shadow: 0 1px 5px #999999;
-moz-box-shadow: 0 1px 5px #999999;
-webkit-box-shadow: 0 1px 5px #999999;
}


div.io-kit-innercontent-data, div.io-kit-innercontent{
border:1px solid #ccc;
color:#333;
padding:10px;
width:880px;
position:relative;
}

div.io-kit-innercontent-data{
background-color:#F2F2F2;
border-top-left-radius:3px;
border-top-right-radius:3px;
-moz-border-top-left-radius:3px;
-moz-border-top-right-radius:3px;
-webkit-border-top-left-radius:3px;
-webkit-border-top-right-radius:3px;
-o-border-top-left-radius:3px;
-o-border-top-right-radius:3px;
margin:5px 0px 0px 0px;
}

div.io-kit-innercontent{
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
-moz-border-bottom-left-radius:3px;
-moz-border-bottom-right-radius:3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
-o-border-top-bottom-radius:3px;
-o-border-top-bottom-radius:3px;
float:left;
margin-bottom:50px;
background:#fff;
}


div.io-kit-innercontent-data ul, div.io-kit-innercontent ul, div.io-kit-innercontent-data ol, div.io-kit-innercontent ol{
margin-left:20px;
}



.io-kit-elteatro{
position:relative;
background:#f2f2f2 url(imagenes/io-kit-elteatro.png) bottom left repeat-x;
padding:10px 5px;
width:890px;
max-height:500px;
text-align:center;
border:1px solid #999999;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
}

.io-kit-elteatro img{
max-width:890px;
max-height:490px;
box-shadow: 0 1px 5px #999999;
-moz-box-shadow: 0 1px 5px #999999;
-webkit-box-shadow: 0 1px 5px #999999;
}

h1, h2, h3, h4, h5, h6, h7{
color:#1f55a6;
}

input, textarea{
border:1px solid #999999;
padding:5px;
}

input[type=button], input[type=submit]{
border:1px solid #990000;
color:#FFF;
cursor:pointer;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
background:transparent url(imagenes/io-kit-redbg.png) 0px -1px repeat-x;
}

input:hover{
box-shadow: 0 1px 5px #999999;
-moz-box-shadow: 0 1px 5px #999999;
-webkit-box-shadow: 0 1px 5px #999999;
}

fieldset{
background:#F2F2F2 url(./imagenes/line.png) bottom center no-repeat;
color: #444;
display: block;
font-family: Tahoma, Arial, Helvetica, sans-serif;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
padding:10px 5px 30px 5px;
font-size:15px;
border:1px solid #ccc;
border-bottom:none;
border-top:none;
margin:0 0;
}


.io-kit-selection{
list-style:none;
border:1px solid #999999;
background: url(imagenes/io-kit_menu_center.png) bottom left repeat-x;
height:30px;
line-height:30px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-o-border-radius:5px;
padding:0 5px;
width:250px;
position:relative;
margin:0 5px;
float:left;
z-index:99;
}

.io-kit-selection:hover, .io-kit-selection:active{
box-shadow: 0 1px 5px #999999;
-moz-box-shadow: 0 1px 5px #999999;
-webkit-box-shadow: 0 1px 5px #999999;
}

.io-kit-selection li ul{
list-style:none;
background-color:#FFF;
border:1px solid #999999;
border-top:none;
padding:3px 0px;
display:none;
position:relative;
z-index:99;
max-height:200px;
overflow-y:scroll;
}

.io-kit-selection li:hover ul{
display:block;
}

.io-kit-selection li ul li{
padding:0 5px;
border-bottom:1px solid #FFF;
border-top:1px solid #FFF;
position:relative;
z-index:99;
cursor:pointer;
}

.io-kit-selection li ul li:hover{
background-color:#ECECEC;
border-bottom:1px solid #999999;
border-top:1px solid #999999;
}

.io-kit-selection li ul li.active{
background-color:#ccc;
border-bottom:1px solid #d9d9d9;
border-top:1px solid #d9d9d9;
}

.io-kit-loginbox{
border:1px solid #999999;
width:300px;
background:url(imagenes/io-kit-elteatro.png) bottom left repeat-x;
box-shadow: 0 1px 5px #ccc;
-moz-box-shadow: 0 1px 5px #ccc;
-webkit-box-shadow: 0 1px 5px #ccc;
margin:0 auto;
}

.io-kit-loginbox:hover{
box-shadow: 0 1px 5px #999999;
-moz-box-shadow: 0 1px 5px #999999;
-webkit-box-shadow: 0 1px 5px #999999;
}

.io-kit-loginbox input[type=text], .io-kit-loginbox input[type=password]{
width:250px;
}


.io-kit-loginbox .io-kit-boxtitle{
background: url(imagenes/io-kit_menu_center.png) bottom left repeat-x;
padding:5px;
border-bottom:1px solid #ccc;
border-top:1px solid #999999;
cursor:pointer;
}

.io-kit-loginbox .io-kit-boxcontent{
padding:5px;
border-bottom:1px solid #ccc;
border-top:1px solid #999999;
}

.io-kit-loginbox .io-kit-boxfooter{
background: url(imagenes/io-kit_menu_center.png) bottom left repeat-x;
padding:5px;
border-bottom:1px solid #ccc;
border-top:1px solid #999999;
}

.error{
color:#990000;
}

.io-kit-footer{
border:1px solid #ccc;
margin-top:15px;
padding:20px 0px;
background-color:#F2F2F2;
text-align:center;
color:#999999;
width:900px;
float:left;
margin-left:-11px;

}


.io-kit-list-element{
background:#F2F2F2 url(./imagenes/line.png) bottom center no-repeat;
color: #444;
display: block;
font-family: Tahoma, Arial, Helvetica, sans-serif;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding:10px 5px 20px 5px;
font-size:15px;
border-left:1px solid #F5F5F5;
}

.io-kit-list-element:hover{
background-color:#F5F5F5;
border-left:1px solid #999999;
}





.io-kit-tag{
background-attachment: scroll;
background-clip: border-box;
background-color: #AAA;
background-image: none;
background-origin: padding-box;
border-bottom-color: white;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-style: none;
border-bottom-width: 0px;
border-left-style: none;
border-right-style: none;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-top-style: none;
color: white;
cursor: auto;
display: inline-block;
float: none;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
height: 12px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
outline-color: white;
outline-style: none;
outline-width: 0px;
padding-bottom: 2px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
text-align: right;
text-decoration: none;
}

.io-kit-tag:hover{
background-color:#999999;
}


.io-kit-autor{
background-attachment: scroll;
background-color: white;
background-image: none;
background-origin: padding-box;
border-bottom-color: #DDD;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #DDD;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #DDD;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #DDD;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
border-top-style: solid;
border-top-width: 1px;
color: #008DE6;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
line-height:25px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 5px;
margin-left: 2px;
margin-right: 2px;
margin-top: 5px;
outline-color: #008DE6;
outline-style: none;
outline-width: 0px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
text-align: center;
}

.io-kit-autor:hover{
border-color:#999999;
}

.io-kit-info{
background-attachment: scroll;
background-clip: border-box;
background-color: white;
background-image: none;
background-origin: padding-box;
border-bottom-color: #DDD;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #DDD;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #DDD;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #DDD;
border-top-style: solid;
border-top-width: 1px;
box-sizing: border-box;
color: #999999;
cursor: pointer;
display: inline-block;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 28px;
letter-spacing: normal;
line-height: normal;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 5px;
margin-top: 0px;
outline-color: #555;
outline-style: none;
outline-width: 0px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
padding-top: 5px;
resize: none;
text-align: center;
text-indent: 0px;
text-shadow: white 1px 1px 0px;
float: left;
}

blockquote{
-webkit-box-shadow: #ccc 0px 0px 1px 0px;
-moz-box-shadow: #ccc 0px 0px 1px 0px;
-o-box-shadow: #ccc 0px 0px 1px 0px;
-ms-box-shadow: #ccc 0px 0px 1px 0px;
box-shadow: #ccc 0px 0px 1px 0px;
background-attachment: scroll;
background-clip: border-box;
background-color: #FDFDFD;
background-origin: padding-box;
border-bottom-color: whiteSmoke;
border-bottom-style: solid;
border-bottom-width: 5px;
border-left-color: whiteSmoke;
border-left-style: solid;
border-left-width: 5px;
border-right-color: whiteSmoke;
border-right-style: solid;
border-right-width: 5px;
border-top-color: whiteSmoke;
border-top-style: solid;
border-top-width: 5px;
color: #444;
display: block;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 18px;
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin-bottom: 15px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding: 10px;
}

.pages{
padding:0px;
}

.pages a .list{
padding:0px;
border-bottom:1px solid #f2f2f2;
}

.pages a .list:hover{
background-color:#f2f2f2;
}

.newst{
background-color: #F5F1CD;
background-image: none;
background-origin: padding-box;
border-bottom-color: #E7E7E7;
border-bottom-style: solid;
border-bottom-width: 1px;
border-left-color: #E7E7E7;
border-left-style: solid;
border-left-width: 1px;
border-right-color: #E7E7E7;
border-right-style: solid;
border-right-width: 1px;
border-top-color: #E7E7E7;
border-top-style: solid;
border-top-width: 1px;
color: #666;
display: block;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: normal;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
padding:5px;
text-align: left;
z-index: auto;
}