*{ margin:0; padding:0; border:none; list-style:none; }

html, body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #3F3F3F;
	background:#F0FAFE;
	height:auto;
}

input, textarea {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

h2, h3, h4, h5, ul, ol, li {
	padding: 0;
	margin: 0;
	}
	
h2{ margin-bottom:10px; font-size:36px; font-weight:bold; letter-spacing:-2px; }
h4{ margin-bottom:10px; font-size:18px; }

span, input, checkbox { margin:0; padding:0; border:0; }

p, form {
	padding: 0;
	margin: 0 0 10px 0;
	}

a {	color:#3BB3EF; text-decoration:none;	}
a:hover { color:#000; text-decoration: none; }

/* GENERALES */

.inside {
	position:relative;
	width:825px;
	margin:0 auto;
}

.clear { clear:both; }

.color1{ color:#EBD916; } /* amarillo */
.color2{ color:#3BB3EF; } /* azul */
.color3{ color:#bbb; } /* gris */

.text1{ margin-bottom:25px; font-size:19px; color:#3F3F3F; }
.text2 { font-size:11px; }
.text3 { font-size:14px; }

.nav{ margin-top:30px; margin-right:20px; overflow:hidden; }

.hr{ background: url(../../images/bghr.png) no-repeat left bottom; }
p.hr{ padding:8px 0 20px 0; }

.purl{
	margin-left:130px;
	font-size:11px;
}
.pfoto{
	float:left;
	width:300px;
	background:url(../../images/ico7.png) no-repeat 0 0;
}

.ok{ background:url(../../images/ico_ok.png) no-repeat center right; }
.error{ background:url(../../images/ico_error.png) no-repeat center right; }

/* BOTONES */

a.button1{
	display:block;
	float:left;
	padding:8px 25px;
	background:url(../../images/bgboton1.png) repeat-x;
	font-size:20px;
	text-align:center;
	color:#fff;
}
a.button1 span{
	float:right;
	display:block;
	width:7px;
	height:11px;
	margin:10px 0 0 10px;
	background: url(../../images/ico5.png) no-repeat;
	text-indent:-666em;
}
a.button1:hover{ background:#3393C2; }

a.button2{
	display:block;
	float:left;
	padding:10px 0 10px 55px;
	background: url(../../images/ico13.png) no-repeat 0 0px;
	font-size:20px;
	text-align:center;
	color:#3BB3EF;
	text-decoration:underline;
}

a.button3,
button.button3{
	display:block;
	float:left;
	padding:0 25px 0 45px;
	height:43px;
	line-height:43px;
	background:url(../../images/bgboton3.png) no-repeat left top;
	font-size:20px;
	text-align:left;
	color:#fff;
}
a.button3.der,
button.button3.der{
	float:right;
	padding:0 45px 0 25px;
	background:url(../../images/bgboton3der.png) no-repeat right top;
}
a.button3.publish{
	float:right;
	padding:0 45px 0 25px;
	background:url(../../images/bgboton3publish.png) no-repeat right top;
}
a.button3:hover{ background:url(../../images/bgboton3.png) no-repeat left bottom; }
a.button3.der:hover{ background:url(../../images/bgboton3der.png) no-repeat right bottom; padding:0 45px 0 25px; }
a.button3.publish:hover{ background:url(../../images/bgboton3publish.png) no-repeat right bottom; padding:0 45px 0 25px; }

/* TOP */

#top{
	padding:0 0 10px 0;
	background:#fff url(../../images/bg.png) repeat-x;
	overflow:hidden;
}
/* CABECERA */

#header{
	position:relative;
	height:155px;
}

/* LANGUAGES */

#languages{
	position: absolute;
	float:right;
	top:50px;
	right:0;
	height:18px;
}
#languages li{
	float:left;
	margin-left:10px;
}
#languages li a{ color:#3F3F3F; text-decoration:none; }
#languages li a:hover{ text-decoration: underline; }
#languages li a.active{ color:#3BB3EF; text-decoration: underline; }

/* LOGIN */

#login{
	position: absolute;
	float:right;
	top:100px;
	right:0;
	height:25px;
	font-size:14px;
}
#login a.register{
	float:right;
	margin-right:15px;
	padding:4px 0px;
}
a#open_signin{
	display:block;
	float:right;
	padding:4px 15px;
	background:url(../../images/bgboton1.png) repeat-x;
	text-align:center;
	color:#fff;
}
a#open_signin span{
	float:right;
	display:block;
	width:6px;
	height:6px;
	margin:6px 0 0 10px;
	background: url(../../images/ico1.png) no-repeat;
	text-indent:-666em;
}
a#open_signin span a{ color:#39A1D1; }
a#open_signin span a:hover{ color:#39A1D1; text-decoration:underline; }
a#open_signin:hover{ background:#3393C2; }

a#open_signin.active{ background:#C3E7F9; height:30px; }

/* BOX SIGN IN */

#box_signin{
	position:absolute;
	top:130px;
	right:0;
	width:300px;
	height:185px;
	padding:5px 0;
	background:#BEE3F5;
	display:none;
	font-size:15px;
	color:#fff;
	z-index:2;
}
#box_signin p{
	margin:0 0 0 20px;
}
#box_signin label{
	display:block;
	padding:5px 0;
}
#box_signin input{
	border:0px solid #14C0F2;
	width:180px;
	padding:8px 5px;
}
#box_signin input.btlogin{
	float:left;
	width:110px;
	padding:8px;
	margin-top:15px;
	background:url(../../images/bgboton1.png) repeat-x;
	font-size:15px;
	text-align:center;
	color:#fff;
	border:none;
	cursor:pointer;
}
#box_signin input.btlogin:hover{ background:#3393C2; }
#box_signin p a{ float:left; width:150px; margin-top:15px; padding:8px; }

/* H1 */

h1{
	position: absolute;
	top:30px;
	left:15px;
	width:246px;
	height:88px;
 }
h1 a{
	width:246px;
	height:88px;
	text-indent:-8000px;
	display:block;
	background: url(../../images/logo.png) no-repeat;
 }
.slogan{
	position: absolute;
	top:125px;
	left:15px;
	width:246px;
 } 
.slogan strong{
	color:#3BB3EF;
	font-weight:normal;
	font-style:italic;
 } 

 
/* SLIDER HOME */

#sliderhome{
	position:relative;
	float:left;
	width:407px;
	height:650px;
	margin-left:-78px;
	background:url(../../images/bgsliderhome.png) no-repeat;
	overflow:hidden;
}
#sliderhome ul{
	position:absolute;
	top:51px;
	left:96px;	
	width:238px;
	height:386px;
	overflow:hidden;
	z-index:1;
}
#sliderhome .arrow{
	position:absolute;
	top:40px;
	left:0px;	
	width:407px;
	height:441px;
	background:url(../../images/bgsliderhome_arrow.png) no-repeat;
	overflow:hidden;
	z-index:2;
}

/* LIST HOME */

.list1{ margin-bottom:10px; width:496px; overflow:hidden; border:0px solid red; }
.list1 li{ margin-bottom:12px; overflow:hidden; }
.list1 li img{ float:left; margin-right:10px; }
.list1 li h4{ font-size:19px; font-weight:normal; }
.list1 li p{ float:left; width:410px; border:0px solid red; font-size:14px; color:#4D4D4D;  }

/* FOOTER */

#footer{
	padding:15px 20px 6px 20px;
	border-top:1px solid #E2E2E2;
	color:#979797;
	font-style:italic;
	overflow:hidden;
}
#footer .izq{
	float:left;
	width:60%;
}
#footer .izq a{ color:#979797; }
#footer .izq a:hover{ color:#979797; text-decoration:underline; }

#footer .der{
	float:right;
	width:40%;
	text-align:right;
	color:#3BB3EF;
}
#footer  .der img{ margin-right:10px; margin-top:-10px!important; vertical-align:middle; }

/*
Hacks
* html .li_circulares p { display:inline; }
*/

/* TABS */

ul.tabs {
	float: left;
	list-style: none;
	height:40px;
	width: 100%;
}
ul.tabs li {
	position: relative;
	float:right;
	height:40px;
	line-height:40px;
	margin-bottom: -1px;
	margin-left:7px;
	overflow: hidden;
}
ul.tabs li a {
	display: block;
	padding: 0 20px;
	color: #3F3F3F;
	font-size:16px;
	outline: none;
	background:#C3E7F9;
}
ul.tabs li a:hover {
	background:#3BB3EF;
}
html ul.tabs li.active a,
html ul.tabs li.active a:hover{
	background: #fff;
}

.tab_container {
	position:relative;
	clear: both;
	float: left;
	width: 100%;
	background:#fff;
	/* overflow: hidden; */
}
.tab_content {
	float:left;
	padding:50px 0 50px 45px;
	width:440px;
	border:0px solid red;
}
.tab_content p {
	overflow:hidden;
}
.tab_content.hi p {
	font-size:15px;
	color:#aaa;
}
.tab_content h2 {
	width:500px;
}
.tab_content.hi h3 {
	margin-bottom:15px;
	font-size:24px;
}

/* TABS PAGE */

ul.tabspage {
	float: left;
	list-style: none;
	height:40px;
	width: 100%;
	padding-bottom:2px;
	background:url(../../images/bghr.png) no-repeat left bottom;
}
ul.tabspage li {
	position: relative;
	float:left;
	height:40px;
	line-height:40px;
	margin-bottom: -1px;
	margin-right:2px;
	overflow: hidden;
}
ul.tabspage li a {
	display: block;
	padding: 0 15px;
	color: #3F3F3F;
	font-size:14px;
	outline: none;
	background:#F2F9FF;
}
ul.tabspage li a:hover {
	background:#C3E7F9;
}
html ul.tabspage li.active a,
html ul.tabspage li.active a:hover{
	background:#C3E7F9;
}

.tabpage_container {
	clear: both;
	float: left;
	width: 100%;
	background:#fff;
	/* overflow: hidden; */
}
.tabpage_content {
	float:left;
	padding:15px 0 0 0;
	width:440px;
	border:0px solid red;
}
.tabpage_content p {
	overflow:hidden;
}

/* MOBILE TEMPLATE */

#mobiletemplate{
	position:relative;
	float:right;
	width:377px;
	height:703px;
	margin:20px -90px 0 0;
	background:url(../../images/bgmobile.png) no-repeat;
	border:0px solid red;
}
#mobiletemplate iframe{
	position:absolute;
	top:54px;
	left:39px;
}

/* PASO 0 */

.script {
	border:1px solid #D2EEFA;
	background:#fff;
	margin:0 0 15px 0;
	padding:5px;
}
.script p{
	background:#F8FCFF;	
	margin:0;
	padding:10px;
	color:#000!important;
	font-size:12px!important;
	overflow-x:auto;
}


/* PASO 1 */

#formpublish label{
	float:left;
	width:130px;
	padding:10px 0;
	font-size:18px;
}
#formpublish h2{ margin-bottom:40px; }
#formpublish span.username{
	float:left;
	padding:10px 0 0 0;
	font-size:18px;
}

/* PASO 2 */

.cajatemplate{
	margin-bottom:20px;
	margin-left:-22px;
	overflow:hidden;
	width:450px;
	height:174px;
	border:1px solid red;
}

.selectemplate{
	margin-bottom:20px;
	margin-left:-22px;
	overflow:hidden;
	width:450px;
	height:174px;
	border:1px solid red;
}
.selectemplate li{
	float:left;
	width:126px;
	height:170px;
	margin-left:22px;
	text-align:center;
	background:red;
	overflow:hidden;
}

.selectcolor{
	margin-bottom:20px;
	margin-left:-14px;
	overflow:hidden;
}
.selectcolor li{
	float:left;
	width:95px;
	height:120px;
	margin-left:14px;
	text-align:center;
	overflow:hidden;
}
.selectcolor li input{
	display:block;
	width:90px;
	margin-bottom:5px;
	padding:40px 0;
	border:2px solid #C3E7F9;
	text-align:center;
}

.selecticons{
	height:58px;
	margin-bottom:20px;
	margin-left:-22px;
	overflow:hidden;
}
.selecticons li{
	float:left;
	width:120px;
	height:24px;
	margin-left:22px;
	text-align:center;
}
.selecticons li img{ display:block;  }

.selecticonscolor{
	overflow:hidden;
}
.selecticonscolor p{
	float:left;
	height:14px;
	margin-right:15px;
}
.selecticonscolor ul{
	text-indent:-666em;
	overflow:hidden;
}
.selecticonscolor li{
	float:left;
	width:14px;
	height:14px;
	margin-top:2px;
	margin-right:5px;
	padding:1px;
	border:1px solid #ccc;
	cursor:pointer;
	overflow:hidden;
}
.selecticonscolor li.color1{ background:#000000; }
.selecticonscolor li.color2{ background:#757575; }
.selecticonscolor li.color3{ background:#21759E; }
.selecticonscolor li.color4{ background:#78A63D; }
.selecticonscolor li.color5{ background:#E6B62E; }
.selecticonscolor li.color6{ background:#E558DC; }
.selecticonscolor li.color7{ background:#FAA506; }
.selecticonscolor li.color8{ background:#D73623; }
.selecticonscolor li.color9{ background:#00D1B1; }
.selecticonscolor li.color10{ background:#7B47D8; }
.selecticonscolor li.active{
	margin-top:0;
	width:18px;
	height:18px;
}

/* PASO 3 */

#foto a{
	margin-right:15px;
}
#foto p{
	float:left;
	width:210px;
	background:url(../../images/ico7.png) no-repeat 0 4px;
	padding:0 0 0 40px!important;
}
#foto p.loading{ display:none; background:none; margin-bottom:10px; padding:0!important; }

#osettings{
	background:#F0FAFE url(../../images/bghr.png) no-repeat left top;
	padding-top:2px;
	width:418px;
	overflow:hidden;
}
#osettings a {
	display:block;
	position:relative;
	font-size:18px;
	color:#333;
	background:#F0FAFE url(../../images/ico8.png) no-repeat 8px 18px;
	padding:10px 0 10px 25px;
}
#osettings .input{ width:160px; display:block; }
#osettings dt { padding-bottom:2px; background:#F0FAFE url(../../images/bghr.png) no-repeat left bottom; }
#osettings dt a:hover { color:#333; background:#D9F2FF url(../../images/ico8.png) no-repeat 8px 18px; }
#osettings dd { padding:15px; overflow:hidden; }
#osettings dd div.izq{ float:left; width:50%; }
#osettings dd div.der{ float:right; width:50%; }
#osettings dd div span{ margin-left:13px; }
#osettings input {
	float:left;
	margin-left:9px;
	width:174px;
}
#osettings input:focus { background:#D9F2FF; }


/* FORMULARIOS */

.input{
	width:270px;
	padding:10px 5px;
	border:3px solid #E8F6FD;
	background:#fff;
}
.input:focus{ background:#E8F6FD; }
input:disabled{
	background: #eee;
}

.textarea{ width:500px; }

.checkbox{ vertical-align: middle; margin-right:6px; }

.message{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:40px;
	background:url(../../images/bgmensaje.png) repeat;
	z-index:666;
}
.message p{
	margin:0 auto;
	width:825px;
	padding-top:10px;
	font-size:16px;
	color:#222;
}

/* SHARE */

#share{
	position:fixed;
	top:50%;
	right:0;
	width:76px;
	/*height:156px;*/
	margin-top:-78px;
	background:#fff;
	border:1px solid #ccc;
	border-right:none;
	padding-bottom:14px;
	padding-left:6px;
}
#share .tweetmeme,
#share p{
	margin:15px 0 15px 15px;
}

/* LOADER */

.popup { 
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../../images/bgpopup.png);
	text-align:center;
	z-index:9999;
} 
.popup p { 
	position:absolute;
	top:362px;
	left:38px;;
	width:454px;
	height:250px;
	background:url(../../images/bgloader.png);
	color:#fff;
	text-align:center;
} 
.popup img {
	margin:0 auto;
	margin-top:80px;
	margin-bottom:15px;
}

#google_translate{
	margin-bottom:15px;
}
#google_translate select{
	padding:5px;
	border:0px solid #8CD5F2;
}

/* PLUGINS */

a#open_plugins{
	display:block;
	height:30px;
	line-height:30px;
	background:url(http://www.onbile.com/images/ico8.png) no-repeat 0 12px;
	padding:0 0 0 20px;
}
a#open_plugins.activo{ background:url(http://www.onbile.com/images/ico14.png) no-repeat 0 12px; }
#box_plugins{
	background:url(http://www.onbile.com/images/bghr.png) no-repeat bottom left;
	margin:0 0 15px 0;
	padding:0 0 15px 0;
}
#box_plugins ul li{ padding:5px 0; overflow:hidden; }
#box_plugins ul li img{ float:left; margin-right:20px; }
#box_plugins ul li span{ float:left; width:100px; height:32px; line-height:32px; font-size:14px; }
#box_plugins ul li em{ float:left; width:280px; height:32px; line-height:32px; font-size:12px; font-style:normal; }
#box_plugins ul li .btplugin{ height:32px; line-height:32px; background:none; font-size:14px; color:#3BB3EF; cursor:pointer; }
#box_plugins ul li .btplugin:hover,
#box_plugins ul li a:hover{ text-decoration:underline; color:#3BB3EF; }

.boxnews{
	float:left;
	width:400px;
	margin:18px 0 22px 0;
	padding-right:20px;
	border-right:1px dotted #53C8F4;
	font-style:normal;
}
.boxnews.last{
	width:380px;
	float:right;
	padding-right:0;
	border-right:none;
}
.boxnews .photo{
	float:left;
	width:100px;
}
.boxnews .photo img{
	margin-top:5px;
	width:100px;
	height:auto;
}
.boxnews .info{
	float:right;
	width:280px;
}
.boxnews h3{
	margin-bottom:10px;
	font-size:19px;
	font-weight:normal;
}
.boxnews .more a{
	text-decoration: none;
	color:#000;
}
.boxnews .more a:hover{
	text-decoration: none;
	color:red;
}
.boxnews ul li{
	margin-bottom:8px;
	padding:0 0 8px 0;
	border-bottom:1px dotted #53C8F4;
	font-size:19px;
}
.boxnews ul li:last-child{
	border-bottom:none;
}