/* CSS Document */
body {margin:0px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}

h1,h2,h3,h4,p,ul,li,form,p{ margin:0px; padding:0px;}
img{ border:0px; }

#wapper {width:960px; margin:0px auto;}

.clear {clear:both; height:0px; overflow:hidden;}

#header {margin-top:20px;}
#header a {color:#7ea622;}
#header #logo {width:305px; float:left; padding-left:15px;}
#header #right {width:515px; float:right; padding-top:3px;}
#header #right .drop {float:right; clear:both; margin:0px 5px 15px 0px;}
#header #right .drop select {font-size:11px; color:#919191; border:1px solid #b5b4b4; width:111px; padding:1px 0px; margin-left:15px;}

#header #right .input-box {float:left; margin-right:5px; background:url(../img/input.gif) repeat-x;}
#header #right .input-box img { float:left; margin:0px; padding:0px;}
#header #right .input-box input {background:none; width:125px; color:4e4e4e; font-size:11px; float:left; border:none; padding:9px 0px;}
#header #right .button {float:left; width:auto;}
#header #right .button img {float:left; margin-right:5px;}

#middle {padding-top:30px;}
#middle .box { height:409px;}
#middle .box .left-box {background:url(../img/left-img.png) no-repeat top; width:420px; height:389px; float:left;} 
#middle .box .left {float:left; padding:270px 0px 0px 200px; font-size:11px;}
#middle .box .left .icon {float:left; width:auto; margin-right:5px;}
#middle .box .left .icon1 {padding-top:3px; float:left; width:auto; margin-right:5px;}
#middle .box .left .icon2 {float:left; width:auto; margin:5px 2px;}
#middle .box .left a {color:#2299cd; text-decoration:none;}

#middle .box .right {float:right; width:411px; padding:0px 30px 0px 0px; font-size:34px; font-weight:bold; text-align:center; font-family:Tahoma}
#middle .box .right strong {color:#2299cd;}
#middle .box .right img {margin-top:20px;}

#fotter {clear:both; font-size:12px; text-align:center; color:#646464; margin:20px 0px 10px 0px;}
#fotter a {color:#646464; text-decoration:none; margin:0px 2px;}
#fotter strong {font-size:14px; font-weight:normal;}
#fotter a:hover {color:#000;}


#main {width:765px; margin:0px auto;}

#header2 {padding-top:10px; height:40px;}
#header2 #logo {width:310px; float:left;}
#header2 #right {width:440px; float:right;}
#header2 #right .navs {padding-right:10px; float:right;}
#header2 #right .navs ul {margin:0px; padding:0px 0px 0px 0px;}
#header2 #right .navs ul li {float:left; list-style-type:none; background:url(../img/li.gif) no-repeat left; font-weight:bold; padding:10px; font-size:13px;}
#header2 #right .navs ul li a {color:#464646; text-decoration:none;}
#header2 #right .navs ul li a:hover {color:#73ab00;}
#header2 #right .navs ul li.select a {color:#73ab00;}
#header2 #right .navs ul li.red a {color:#e86634;}

#userinfo .fbpic {}
#userinfo .name { font-weight: bold; font-size: 18px;}


#page-middle {padding:5px 20px 0px 20px;}

#personal {padding:0px 20px 20px 20px; height:100%;}
#personal .img {width:80px; float:left;}
#personal .person {width:580px; float:right;}
#personal .person p {font-size:11px; color:#83807f; padding:5px 0px;}
#personal .person h1 {font-size:12px; color:#73ab00;}




.top-padding .right-box {float:left; width:468px;}

#navs { margin:0px; padding:0px 0px 0px 20px; height:37px; overflow:hidden;}
#navs ul { line-height:normal; list-style:none; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px; padding:0px;}
#navs li{ float:left; cursor:pointer; padding:6px 0px 0px 2px;}
#navs li a { display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; font-weight:bold; text-decoration:none; background:url(../img/over-left.gif) no-repeat left; padding:10px 0px 9px 7px;}
#navs li a span {  background:url(../img/over-right.gif) no-repeat right; padding:10px 12px 9px 7px;}


#navs li a:hover {display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; font-weight:bold; text-decoration:none; background:url(../img/left-conner.gif) no-repeat left; padding:10px 0px 10px 7px;}

#navs li a:hover span{  background:url(../img/right-conner.gif) no-repeat right; padding:10px 12px 10px 7px;}


#navs .current a{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; font-weight:bold; text-decoration:none; background:url(../img/left-conner.gif) no-repeat left; padding:10px 0px 10px 7px;}

#navs .current a span{  background:url(../img/right-conner.gif) no-repeat right; padding:10px 12px 10px 7px;}

.send {padding:15px 10px 0px 0px; float:right; text-align:right;}
.send div {width:auto; float:right; margin-left:5px;}
.send div select {width:120px; border:1px solid #abadb3; margin-top:5px;}
.send .top {padding-top:8px; width:auto; float:right; color:#2b2b2b;}

.box-box {padding-top:10px; overflow:auto;}

.box-box .top-padding {padding-top:5px; width:195px; float:left;}
.box-box .top-padding .left-box {float:left; background:url(../img/box.gif) no-repeat; width:178px; height:182px; margin:0px 10px 10px 10px;}
.box-box .top-padding .left-box p {font-size:14px; font-weight:bold; padding:0px 20px 0px 25px;}
.box-box .top-padding .left-box p img {float:right; margin:0px 0px 8px 0px;}
.box-box .top-padding .left-box p input {border-right:none; border-top:1px solid #acacac; border-left:1px solid #acacac; border-bottom:1px solid #acacac; background:#FFF; width:100px; height:22px; margin:0px 0px 8px 0px; float:right;}
.box-box .top-padding .left-box p select {border-right:none; border-top:1px solid #acacac; border-left:1px solid #acacac; border-bottom:1px solid #acacac; background:#FFF; width:100px; float:right; padding:3px 2px;}

.box-box .left-left {width:87px; float:left; padding-left:8px;}
.box-box .left-left ul {margin:0px; padding:10px 0px 0px 0px;}
.box-box .left-left ul li {height:35px; padding-bottom:3px; color:#FFF; font-weight:bold; text-align:right;}
.box-box .left-left ul li a {background:url(../img/green-left.gif) no-repeat;  display:block; line-height:36px; color:#FFF; text-align:right; text-decoration:none; padding-right: 5px;}
.box-box .left-left ul li a:hover {background:url(../img/gry.gif) no-repeat; color:#2b2b2b;}
.box-box .left-left ul li.select a {background:url(../img/gry.gif) no-repeat; color:#2b2b2b;}

.box-box .left-left ul li.limite {margin-top:10px;}
.box-box .left-left ul li.nomio a {background:url(../img/green-left-lock.png) no-repeat; color:#FFF;}
.box-box .left-left ul li.nomio a:hover {background:url(../img/gry.gif) no-repeat; color:#2b2b2b;}
.box-box .left-left ul li.nomio.select a {background:url(../img/gry-lock.png) no-repeat; color:#2b2b2b;}

.box-box .left-right {width:590px; float:left;}



#navs2 { margin:0px; padding:0px 0px 0px 20px; height:37px; overflow:hidden;}
#navs2 ul { line-height:normal; list-style:none; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px; padding:0px;}
#navs2 li{ float:left; cursor:pointer; padding:6px 0px 0px 2px;}
#navs2 li a { display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; font-weight:bold; text-decoration:none; background:url(../img/over-left2.gif) no-repeat left; padding:10px 0px 9px 7px;}
#navs2 li a span {  background:url(../img/over-right2.gif) no-repeat right; padding:10px 12px 9px 7px;}


#navs2 li a:hover {display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; font-weight:bold; text-decoration:none; background:url(../img/left-conner2.gif) no-repeat left; padding:10px 0px 10px 7px;}

#navs2 li a:hover span{  background:url(../img/right-conner2.gif) no-repeat right; padding:10px 12px 10px 7px;}


#navs2 .current a{ display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; font-weight:bold; text-decoration:none; background:url(../img/left-conner2.gif) no-repeat left; padding:10px 0px 10px 7px;}

#navs2 .current a span{  background:url(../img/right-conner2.gif) no-repeat right; padding:10px 12px 10px 7px;}

.amigos {width:180px; float:left; margin:0px 10px 0px 0px;}
.amigos .back {background:#e1e1e1; padding:8px; height:15px; margin-bottom:5px;}
.amigos .back p {float:right; color:#8c8c8c;}
.amigos .back p.left {float:left; color:#2c2b2b;}
.amigos .input {background:url(../img/icon.gif) no-repeat right; height:32px; margin-top:10px;}
.amigos .input input {width:129px; border-bottom:1px solid #bdbdbd; border-left:1px solid #bdbdbd; border-top:1px solid #bdbdbd;  border-right:none; height:21px; padding-top:8px;}

.my-friend {float:left; width:320px; padding-left:10px;}
.my-friend h1 {font-size:14px; color:#7ea622; padding-bottom:10px;}
.my-friend .back2 {background:#e1e1e1; padding:8px; height:15px; margin-bottom:5px; font-weight:bold; color:#2c2b2b; font-size:14px;}


.padd-top {padding-top:10px;}

.border {border:1px solid #c0c0c0;}
.border td {border-right:1px solid #c0c0c0; color:#000; padding:10px 0px;}
.border .none {border:none!important;}

.play {background:url(../img/play.gif) no-repeat; width:62px; height:29px; display:block; color:#FFF; font-weight:bold; text-align:center; padding-top:5px;}

#register {padding:20px 0px 0px 10px;}
#register img { }
#register h1 {font-size:34px; font-weight:bold;}
#register h1 span {background:url(../img/om.gif) no-repeat; padding:1px 12px 1px 12px; font-size:34px; color:#b1b1b1;}
#register h1 span.gry {background:url(../img/om2.gif) no-repeat; padding:1px 12px 1px 12px; color:#000;}
#register h1 span.hide {background:url(../img/arrow.gif) no-repeat center; margin-top:40px; width:20px;}
#register h1 span.hide2 {background:url(../img/arrow1.gif) no-repeat center; margin-top:40px;}
#register ul {margin:0px; padding:20px 25px;}
#register ul li {list-style-type:none; font-size:14px; font-weight:bold; padding-bottom:8px; display:block; clear:both;}
#register ul li label {float:left; width:150px; padding:5px 10px 0px 0px; text-align:right;}
#register ul li input {float:left; width:200px; border:1px solid #bdbdbd; padding:5px 0px; margin-bottom:5px;}
#register ul li select {float:left; border:1px solid #bdbdbd; padding:5px 2px; margin-bottom:8px;}
#register ul li a {font-size:12px; ;float:left;  padding-left:0px; margin-bottom:8px; color:#464646; }

#register #vincula_link { color: #ff7c00; font-size: 18px; padding-bottom: 20px; padding-left: 5px; text-decoration:none; display: block; }
#register #vincula_link:hover { text-decoration: underline; }

.droppable {   
  clear:both;
  border:1px solid #FFC000;
  background-color: #FFC000;
  padding: 8px;
  width:100%;
  height: 200px;
  overflow:auto;

 }
 
 .droppable.ui-state-highlight {   
 	background: #FFE45C;
 	background-image:none;
 }
 
.draggable, .contactbox    { 
	background: url("../img/cuadrito_noadmin.png") no-repeat scroll 0 0 transparent;
    color: #fff;
	cursor: move; 
	width: 120px;
	height: 50px;
	border: 1px solid transparent;
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 3px 0px 0px 0px;
	text-align: center; 
    line-height: 1.1;
    font-size: 11px;
    font-family: monospace;
}

.draggable:hover {
	background: url("../img/cuadrito.png") no-repeat scroll 0 0 transparent;
}

.draggable strong {
    font-weight: bold;
    font-family: sans-serif;
}

.admin {
	background: url("../img/cuadrito.png") no-repeat scroll 0 0 transparent;
    padding: 3px 0 0 0;
}

#tablasonidos, #tablamensajes{
font-size:10px;
font-weight:normal;
	
}

#tablasonidos .header, #tablaimagenes .header, #tablaalertas .header,#tablamensajes .header{
	color:FFFFFF;
	background-color: #9ACD32;
	border-bottom:1px solid #FFFFFF;
	border-top:4px solid #AABCFE;
	font-weight:normal;
	padding:8px;
	
	
}
#tablasonidos .row, #tablaimagenes .row, #tablaalertas .row,#tablamensajes .row{
	background-color:#FFE1A6;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid transparent;
	color:#111111;
	padding:8px;
	
}

#faq dl {
    margin: 0 10px;
}
#faq dl dt {
    font-weight: bold;
    line-height: 2.5em;
}
#faq dl dd {
    text-align: justify;
}

#areadetexto4 {
    width: 425px;
    height: 55px;
}

#nuevoamigo {
    color: #aaa;
}

div.p-mesg {
    /*clear: both;*/
    float: left;
    padding: 5px;
    width: 45%;
    color: black;
    border: 1px solid red;
    -moz-border-radius: 4px/*{cornerRadius}*/; 
    -webkit-border-radius: 4px/*{cornerRadius}*/;
    border-radius: 4px/*{cornerRadius}*/;
}
p.p-mesg img {
    float: left;
    padding-right: 5px;
}

table.comandos {
    width:90%;
}
table.comandos th {
    background: #76AE01;
    padding: 5px 0;
    text-align: center;
    color: #fff;
    margin: 1px;
    font-size: 1.1em;
}
table.comandos tr.even {
    background: #eee;
}
table.comandos tr td {
    padding: 5px;
}

div.level {
    float:left;
    padding-left:20px;
}
div.level p strong {
    color: #7EA622;
}
div.level p.cta, div.level p.cta strong {
    color: #F55F04;
}

#siguenos {
	position: fixed;
	left: 0px;
	top: 200px;
}

.tip {
	background: #f4f4f4;
	-moz-border-radius: 4px/*{cornerRadius}*/; 
    -webkit-border-radius: 4px/*{cornerRadius}*/;
    border-radius: 4px/*{cornerRadius}*/;
    padding: 10px;
    position: relative;
    font-family:'Lucida Grande';font-size: 11px;
    color: #2b2b2b;
}

.tip .cel { background: url('../img/icons/cel_logo.gif') no-repeat; width: 27px; height: 40px; position: absolute; top: 5px; left:10px; }
.tip .text { padding-left: 40px; color: #2b2b2b; text-align:left; font-weight: bold; font-family:'Lucida Grande';font-size: 11px; }


.fbbox { overflow:hidden; width:250px; height:60px; border: solid 1px #b1b1b1; display: inline-block; background: white; }
.fbbox .fbpic { margin: 5px; float:left; }
.fbbox .fbname { margin: /*12px*/16px 5px 0px 0px; display: inline-block; float:left; }
.fbbox .fbname a { color: #333333 !important; text-decoration:none; font-size:16px !important; }
.fbbox .email { margin: 0px; display: inline-block; float:left; font-size: 10px; font-weight: normal;  }

#userinfo .fbbox { overflow:hidden; width:250px; height:53px; border: solid 1px #b1b1b1; display: inline-block; background: white; }
#userinfo .fbbox .fbname { margin-top: 18px; }

.manage { padding: 2px; }
.manage a { padding: 0 2px; font-weight: normal; color: #FFF; font-weight: bold; font-size: 10px; text-transform: lowercase; }