html{
    font-family: 'Open Sans', serif;
    font-size: 14px;
    margin:0;
    padding:0;
}

body{
    margin:0;
    padding:0;
    font-size: 12px;
    color: #666666;
}

.clear{
    clear:both;
}

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

.minidescripcion{
    width:100%;
    height:100px;
}

.mayusculas{
    text-transform: uppercase;
}


.limpia{
    clear:both;
}

.rowElem{
    clear:both;
}

.colocador{
    border-right:2px solid #7de40f;
    float:left;
    width:100px;
    text-align: right;
}

.colocador span{
    margin-right:15px;
    float:right;
}

.home_separador{
    background-image: url('../img/home_separador.png');
    background-repeat:no-repeat;
    float:left;
    width:626px;
    padding-top:0;
    margin-top: 0;
    margin-left:10px;
    padding-left:0;
    margin-bottom: 5px;
    padding-bottom: 5px;
}

.box .derecha span{
    color:#c1d333;
}

.home_separador span{
    color:#c1d333;
    font-weight:bold;
}

.home_separador ul{
    margin:0;
    padding:0;
    list-style:none;
}

.home_separador li{
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    width:120px;
    text-align:center;
}

.vermas{
    margin-top:60px;
    float:right;
}

.vermas a{
    color:#7fb644;
}

.table{
    width:1000px;
}


.logo{
    margin-top: 10px;
    width:261px;
    height:55px;
    float:left;
}

.misproductos{
    border:0;
}

.misproductos_table th{
    background-color:#404046;
    color:#fff;
    text-align:left;
}

.fondoweb {
    background-image: url("../img/header.png");
    float: left;
    height: 70px;
    width: 100%;
}

.margin10pxtop{
    margin-top:10px;

}

.white {
    background-color: #FFFFFF;
    padding: 5px;
}

h1{
    width:auto;
    float:left;
    color:#77992b;
    text-transform: uppercase;
    border-right:2px solid #77992b;
    padding-right:20px;
    font-size:16px;
    margin-left:0px;
    margin-top:15px;
}

.idiomas{
    float:left;
    margin-top:-10px;
    color: #77992b;
    margin-right:40px;
    text-align:center;
    line-height:25px;
    font-weight: bold;
}

.formulario_idioma{
    color: #77992b;
    width:135px;
}

.bordergris{
    border: 2px solid #efeeee;
    float:left;
    padding:5px;
}

.thickbox_abrir{
    float:left;
    margin:0;
    padding:0;
    list-style: none;
}

.thickbox_abrir li{
    float:left;
    margin:0;
    padding:0;
    width:240px;
    text-align:center;
    list-style: none;
}

.verde a{
    color:#5f9525;
}

.verde{
    color:#5f9525;
}

/****** RESULT DE LOS FORMULARIOS *******/
.result a.close {
    background-position: -14px 0;
}
.result a.close:hover {
    background-position: -14px -14px;
}

.result {
    border-radius: 2px 2px 2px 2px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
}

.result a.close {
    background-position: -42px 0;
}
.result_pre {
    background: #FFE9AD;
    border: 1px solid #EAC572;
}
.result_info {
    background: #D1E4F3;
    border: 1px solid #99C4EA;
}
.result .result_ok {
    height:20px;
    font-weight:bold;
    padding:5px;
    margin-top:5px;
    background: #EFFEB9;
    text-align: center;
    border: 1px solid #C1D779;
}

.result .result_ko {
    background: #FAD5CF;
    border: 1px solid #E18B7C;
}


.gestor_fondo{
    background-color:#6f6f6f;
    float:left;
    width:100%;
    margin-top:20px;
    text-align:center;
    font-size:10px;
    height:20px;
}

.gestor_fondo .width1000{
    width:1000px;
    margin:auto;
}

.gestor_fondo .fondo_left{
    float:left;
    width: 300px;
    color:#FFF;
    font-weight:bold;
    padding-top:2px;
}

.gestor_fondo .fondo_left span{
 color:#bccd37;
}

.gestor_fondo .fondo_right{
    float:right;
    width:300px;
    color:#FFF;
    font-weight:bold;
    padding-top:2px;
}

/******* CONTENTITLE *****/
.boton_datagrid{
    float:right;
    margin:10px;
    margin-top:10px;
    margin-right:30px;
    background-color:#6e6e6e;
    border-radius: 2px 2px 2px 2px;
    height:20px;
    padding-left:10px;
    padding-right:10px;
    font-size:12px;
    font-weight:bold;
    color:#FFF;
}

.contenttitle {
    background: none repeat scroll 0 0 #B0CC54;
    border-radius: 2px 2px 2px 2px;
    float: left;
    margin-top: 20px;
    width: 100%;
}
.contenttitle h2 {
    background-image: url("../img/iconos_16px.png");
    background-position: -154px -443px;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-family: 'BebasNeueRegular',Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0.8px;
    margin: 0;
    padding: 0 0 0 0px;
}
.contenttitle h2 span {
    background: none repeat scroll 0 0 #B0CC54;
    border-left: 1px solid #444444;
    border-radius: 2px 2px 2px 2px;
    display: block;
    margin-left: 25px;
    padding: 6px 0 6px 10px;
    text-shadow: 1px 1px #222222;
}
.contenttitle h2.inbox {
    background-position: -82px -335px;
}
.contenttitle h2.table {
    background-position: -82px -480px;
}
.contenttitle h2.form {
    background-position: -154px -262px;
}
.contenttitle h2.chart {
    background-position: -10px -227px;
}
.contenttitle h2.image {
    background-position: -10px -408px;
}
.contenttitle h2.button {
    background-position: -47px -443px;
}


/******* BOX ************/
.box {
    background-color: #EFEFEF;
    border: 2px solid #D2D2D2;
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 10px;
    padding: 10px;
    padding-left:0;
    padding-bottom:0;
    margin:5px;
}
.box_sinborder {
    background-color: #EFEFEF;
    border-radius: 10px 10px 10px 10px;
    margin-bottom: 10px;
    padding: 10px;
}
.box_sinborder ul {
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
}
.box_sinborder ul li {
    margin-left: 10px;
}
.box .white .derecha ul {
    list-style: none outside none;
    margin: 0 0 0 0px;
    padding: 0;
}
.box .white .derecha ul li {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 110px;
}


/**** HOSTING *****/
.hosting_opciones{
    float:left;
    margin:0;
    margin-left:20px;
    padding:0;
    list-style:none;
}

.hosting_opciones li{
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    font-weight: bold;
    font-size:14px;
    margin-left:20px;
}

.hosting_email li{
    clear:both;
    list-style:none;
    margin:0;
    padding:0;
}

.hosting_white{
    margin-top:10px;
}

.hosting_tabla1{
    float:left;
    width:250px;
}

.hosting_tabla2{
    float:left;
    margin-left:20px;
    width:160px;
}

.hosting_tabla3{
    float:left;
    width:50px;
    text-align:right;
}


/****** TITULOS *******/

h2{
    font-size:18px;
}

h3 {
    color: #B211A1;
    margin-top: 0;
    margin-bottom: 0;
}

/******* TAMAÑOS ********/
.x1 {
    float: left;
    width: 100px;
}
.x2 {
    float: left;
    width: 200px;
}
.x3 {
    float: left;
    width: 300px;
}
.x4 {
    float: left;
    width: 400px;
}
.x5 {
    float: left;
    width: 500px;
}
.x6 {
    float: left;
    width: 600px;
}
.x7 {
    float: left;
    width: 700px;
}
.x8 {
    float: left;
    width: 740px;
}
.x9 {
    float: left;
    width: 900px;
}
.x10 {
    float: left;
    width: 1000px;
}


/********* MENU *****************/
#menu {
    clear: right;
    color: #FFFFFF;
    display: inline-block;
    float: right;
    font-size: 14px;
    line-height: 10px;
    list-style: none outside none;
    margin: 15px 0 0;
    padding: 0;
    width: 700px;
    z-index: 100000;
}
#menu a {
    color: #FFFFFF;
    text-decoration: none;
}
#menu > li {
    cursor: pointer;
    float: left;
    padding: 0 7px;
    position: relative;
}
#menu > li a:hover {
    color: #6F6F6F;
}
#menu .logo {
    background: none repeat scroll 0 0 Transparent;
    padding: 0;
}
#menu ul {
    display: inline;
    margin: 0;
    padding: 0;
}
#menu li ul {
    background-color: #6F6F6F;
    color: #0395CC;
    display: none;
    left: -10px;
    line-height: 12px;
    position: absolute;
    top: 15px;
    width: 150px;
    z-index: 10000;
}
#menu li:hover ul {
    display: block;
}
#menu li ul li {
    border-top: 1px dotted #606060;
    display: block;
    list-style-type: none;
    margin: 5px 20px;
    padding: 5px 0;
}
#menu li ul li:first-child {
    border-top: medium none;
}
#menu li ul li a {
    color: #FFFFFF;
    display: block;
}
#menu li ul li a:hover {
    color: #7FCDFE;
}
#menu #main {
    background-color: #7CB7E3;
    color: #FFFFFF;
    left: 0;
    padding-top: 20px;
    top: -20px;
    z-index: 99999;
}
#menu .corner_inset_left {
    left: -12px;
    position: absolute;
    top: 0;
}
#menu .corner_inset_right {
    left: 150px;
    position: absolute;
    top: 0;
}
#menu .last {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    height: 0;
    margin: 0;
    padding: 0;
    position: relative;
}
#menu .corner_left {
    left: 0;
    position: absolute;
    top: 0;
}
#menu .corner_right {
    left: 132px;
    position: absolute;
    top: 0;
}
#menu .middle {
    height: 20px;
    left: 18px;
    position: absolute;
    top: 0;
    width: 115px;
}
#menu .barra {
    color: #6F6F6F;
}
.menu .usuario {
    float: right;
    margin-left: 40px;
    margin-top: 15px;
}
.menu .dominio {
    float: right;
    margin-top: 0;
}

/********* ANCHOS *************/
.milpx{
    width:1000px;
    margin:auto;
}

/******** FILEMANAGER ********/
.filemanager_boton{
    background-image: url('../img/botonfilemanager.png');
    background-repeat:no-repeat;
    height:25px;
    padding-top:15px;
    font-weight:bold;
    text-transform: uppercase;
    padding-left:50px;
    float:left;
    margin-left:auto;
    margin-right:auto;
}

.filemanager_boton span{
    color:#ccdc48;
}

.verdes{
    color:#ccdc48;
}

.filemanager .izquierda{
    background-color: #FFFFFF;
    float:left;
     border-right: 1px solid #737272;
     height: 580px;
    width:190px;
}


.filemanager .izquierda ul{
    color: #737272;
    font-weight:bold;
    text-transform: uppercase;
}

.filemanager .derecha{
    float:right;
    margin-left:20px;
    width:570px;
}

.filemanager .derecha ul li{
    height:100px;
    width:100px;
    padding:5px;
}

.filemanager .img{
    width:90px;
    margin:5px;
    height: 50px;
}

.filemanager ul{
    list-style:none;
    margin:0;
    padding:0;
}

.filemanager ul li{
    padding:10px;
    list-style:none;
    height:10px;
    margin-left:0;
}

.filemanager_paginacion{
    margin:0;
    padding:0;
    list-style:none;
    font-weight: bold;
}

.filemanager_paginacion li{
    margin:0;
    padding:0;
    list-style:none;
    float:left;
    width:auto !important;
    height:auto !important;
}

.valor{
    margin:0;
    margin-top:10px;
    padding:0;
    list-style:none;
}

.valor li{
    margin:0;
    padding:0;
    margin-right:5px;
    float:left;
    text-align:center;
    list-style:none;
    width:90px;
}

.valor li img{
    width:90px;
    padding:5px;
    border: 1px solid #CECECE;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 2px #DDDDDD inset;
}

.filemanager_listado{
    margin-left:0;
    list-style:none;
    padding-left:0;
}

.filemanager_listado li{
    float:left;
    width:100px;
    margin-left:10px;
    list-style:none;
    padding-left:0;
    margin-bottom:15px;
}

.filemanager_listado .opciones{
    width:100px;
    text-align: right;
}

.h2filemanager{
    background-image: url('../img/botonfilemanager.png');
    background-repeat:no-repeat;
    height:50px;
    font-weight:bold;
    text-transform: uppercase;
    padding-left:80px;
    float:left;
    margin-left:auto;
    margin-right:auto;
    font-size:12px;
}

.h2filemanager span{
    color:#c8d93b;
}

.filemanager_active{
    background-color:#ecf2bb;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/****** FORMULARIO   ***************/
.form{
    float:left;
    clear:both;
}

.form label{
    clear: both;
    color: #5E9E27;
    float: left;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 300px;
    text-align:left;
}

.form input{
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 1px 1px 2px #DDDDDD inset;
    color: #666666;
    padding: 8px 5px;
    width: 300px;
}

input {
    border: 1px solid #CCCCCC;
    width: 200px;
}

select{
    background: url("../templates/tucreasweb/img/titlebg.png") repeat-x scroll left top #FCFCFC;
    border: 1px solid #BBBBBB;
    box-shadow: 1px 1px 2px #DDDDDD;
    color: #666666;
    font-size: 11px;
    margin: 0;
    outline: medium none;
    padding: 5px;
}


.form .submit{
    width:120px;
    margin-top:20px;
    float:right;
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
}

.result_ok{
    display:none;
}

.result_ko{
    display:none;
}

.form #result{
    clear:both;
}


fieldset{
    border:none;
}

.stdform div.par {
    overflow: hidden;
}
.stdform span.field, .stdform div.field {
    display: block;
    position: relative;
}
.stdform .formwrapper {
    display: block;
    line-height: 25px;
    margin-left: 220px;
    padding-top: 5px;
}
.stdform label {
    color:#282f1e;
}
.stdform label.error {
    color: #FF6600;
    display: block;
    float: none;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}
.stdform input {
    background: #FFF;
    border: 1px solid #cecece;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 2px #DDDDDD inset;
    color: #666666;
    height:25px;
    padding-left:10px;
    width: 100%;
}
.stdform input:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 1px 1px 2px #EEEEEE inset;
}
.stdform .smallinput {
    width: 40%;
}
.stdform .mediuminput {
    width: 60%;
}
.stdform .longinput {
    width: 80%;
}
.stdform input.error {
    border: 1px solid #FF6600;
}
.stdform input[type="radio"], .stdform input[type="checkbox"] {
    margin: 0;
    vertical-align: middle;
    width: auto;
}
.stdform input[type="submit"] {
    background: none repeat scroll 0 0 #d2e788;
    box-shadow: none;
    color: #FFF;
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 20px;
    margin: 0;
    margin-top:10px;
    margin-right:40px;
    width: auto;
}
.stdform p {
    min-height: 30px;
}
.stdform input[type="reset"] {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    box-shadow: none;
    color: #666666;
    font-weight: bold;
    margin: 0 0 0 5px;
    padding: 7px 10px;
    width: auto;
}
.stdform input[type="submit"]:hover {
    background: none repeat scroll 0 0 #77992b;
    color: #333333;
    float: right;
}
.stdform input[type="reset"]:hover {
    background: none repeat scroll 0 0 #DDDDDD;
    color: #FFF;
    cursor: pointer;
}
.stdform textarea {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 1px 1px 2px #DDDDDD inset;
    color: #666666;
    padding: 8px 5px;
}
.stdform textarea.error {
    border: 1px solid #FF6600;
}
.stdform select {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 1px 1px 2px #DDDDDD inset;
    color: #666666;
    min-width: 40%;
    padding: 7px 5px;
}
.stdform select.error {
    border: 1px solid #FF6600;
}
.stdform textarea:focus, .stdform select:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 1px 1px 2px #EEEEEE inset;
}
.stdform button {
    background: none repeat scroll 0 0 #333333;
    border: 1px solid #333333;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    padding: 7px 10px;
}
.stdform button:hover {
    background: none repeat scroll 0 0 #111111;
    border: 1px solid #000000;
    color: #FFFFFF;
}
.stdform button.cancel {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    color: #666666;
}
.stdform button.cancel:hover {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #CCCCCC;
}
.stdform small.desc {
    color: #999999;
    display: block;
    font-size: 11px;
    font-style: italic;
    margin: 5px 0 0 0;
}
.stdform .stdformbutton {
    margin-left: 220px;
}
.stdform2 p, .stdform2 div.par {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-width: 0 1px 1px;
    margin: 0;
}
.stdform2 div.terms {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
}

.stdform div.par {
    overflow: hidden;
}
.stdform2 label {
    text-transform: uppercase;
    display: inline-block;
    font-weight: bold;
    padding: 20px;
    padding-top:10px;
    padding-bottom: 0px;
    text-align: left;
    vertical-align: top;
}
.stdform2 label.error {
    margin-left: 0;
    padding: 0;
}
.stdform2 label small {
    color: #999999;
    font-size: 11px;
    font-weight: normal;
    line-height: 16px;
    text-transform: none;
}
.stdform2 span.field, .stdform2 div.field {
    clear:both;
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    padding: 20px;
    padding-top:5px;
    padding-bottom:5px;
}
.stdform2 .stdformbutton {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-left: 0;
    padding: 20px;
}


/**** FORMULARIO PREVIA ****/
.previaform div.par {
    overflow: hidden;
}
.previaform span.field, .stdform div.field {
    display: block;
    position: relative;
}
.previaform.formwrapper {
    display: block;
    line-height: 25px;
    margin-left: 220px;
    padding-top: 5px;
}
.previaform label {
    color:#282f1e;
}
.previaform label.error {
    color: #FF6600;
    display: block;
    float: none;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}
.previaform input {
    background: #FFF;
    border: 1px solid #cecece;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 2px #DDDDDD inset;
    color: #666666;
    height:30px;
    padding-left:10px;
    width: 80%;
    margin-left:auto;
    margin-right:auto;
}
.previaform input:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 1px 1px 2px #EEEEEE inset;
}
.previaform .smallinput {
    width: 40%;
}
.previaform .mediuminput {
    width: 60%;
}
.previaform .longinput {
    width: 80%;
}
.previaform input.error {
    border: 1px solid #FF6600;
}
.previaform input[type="radio"], .stdform input[type="checkbox"] {
    margin: 0;
    vertical-align: middle;
    width: auto;
}
.previaform input[type="submit"] {
    background: none repeat scroll 0 0 #d2e788;
    box-shadow: none;
    clear: both;
    color: #FFF;
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 20px;
    margin: 0;
    margin-right:40px;
    width: auto;
}
.previaform p {
    min-height: 30px;
}
.previaform input[type="reset"] {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    box-shadow: none;
    color: #666666;
    font-weight: bold;
    margin: 0 0 0 5px;
    padding: 7px 10px;
    width: auto;
}
.previaform input[type="submit"]:hover {
    background: none repeat scroll 0 0 #77992b;
    color: #333333;
    float: right;
}
.previaform input[type="reset"]:hover {
    background: none repeat scroll 0 0 #DDDDDD;
    color: #FFF;
    cursor: pointer;
}
.previaform textarea {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 1px 1px 2px #DDDDDD inset;
    color: #666666;
    padding: 8px 5px;
}
.previaform textarea.error {
    border: 1px solid #FF6600;
}
.previaform select {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 1px 1px 2px #DDDDDD inset;
    color: #666666;
    min-width: 40%;
    padding: 7px 5px;
}
.previaform select.error {
    border: 1px solid #FF6600;
}
.previaform textarea:focus, .stdform select:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 1px 1px 2px #EEEEEE inset;
}
.previaform button {
    background: none repeat scroll 0 0 #333333;
    border: 1px solid #333333;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    padding: 7px 10px;
}
.previaform button:hover {
    background: none repeat scroll 0 0 #111111;
    border: 1px solid #000000;
    color: #FFFFFF;
}
.previaform button.cancel {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    color: #666666;
}
.previaform button.cancel:hover {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #CCCCCC;
}
.previaform small.desc {
    color: #999999;
    display: block;
    font-size: 11px;
    font-style: italic;
    margin: 5px 0 0 0;
}
.previaform .stdformbutton {
    margin-left: 220px;
}
.previaform2 p, .previaform2 div.par {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-width: 0 1px 1px;
    margin: 0;
}
.previaform2 div.terms {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
}

.previaform div.par {
    overflow: hidden;
}
.previaform2 label {
    display: inline-block;
    font-weight: bold;
    padding: 20px;
    padding-top:10px;
    padding-bottom: 0px;
    text-align: left;
    vertical-align: top;
}
.previaform2 label.error {
    margin-left: 0;
    padding: 0;
}
.previaform2 label small {
    color: #999999;
    display: block;
    font-size: 11px;
    font-weight: normal;
    line-height: 16px;
}
.previaform2 span.field, .previaform2 div.field {
    clear:both;
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    padding: 20px;
    padding-top:5px;
    padding-bottom:5px;
}
.previaform2 .stdformbutton {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-left: 0;
    padding: 20px;
}
/**** */

.formulario_label{
    margin-left:10px;
    width: 200px;
    float:left;
}

.formulario_720px{
    width:720px;
    margin-left:150px;
}

.boton_submit{
    margin-top:20px !important;
}


/**************** GESTOR **************************/

.gestor_menu{
    list-style: none;
    padding:0;
}

.gestor_menu li{
    list-style: none;
    padding:0;
}

.gestor_menu li ol{
    list-style:none;
}

.gestor_menu li ol li{
    list-style:none;
}

.gestor_idiomas{
    float:right;
    margin-top:5px;
}

.gestor_borrar{
    margin-top:10px;
}

.gestor_borrar_si{
    background-color: #5E9E27;
    color:#FFF;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    font-size:16px;
}

.gestor_borrar_no{
    background-color: #EE0000;
    color:#FFF;
    padding-left: 10px;
    padding-right: 10px;
    font-weight: bold;
    font-size:16px;
}

.visual {
    margin: 20px;
    width: 950px;
}
.visual .insertar {
    font-weight: bold;
}
.visual_ul {
    list-style: none outside none;
    margin: 15px 0 0;
    padding: 0;
    width: 950px;
}
.visual_ul li {
    border-top: 1px solid #CECECE;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 310px;
}
.visual_ul img {
    float: left;
}
.visual_ul .texto {
    float: left;
    width: 150px;
}
.visual .buscador {
    border: 1px solid #6F6F6F;
    border-radius: 10px 10px 10px 10px;
    font-size: 16px;
    width: 200px;
}
.visual .form {
    float: left;
    width: 350px;
}
.visual .text {
    float: left;
    font-size: 14px;
    padding-top: 10px;
    width: 600px;
}
.aplicaciones ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.aplicaciones li {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.aplicaciones_izquierda{
    float:left;
    width:300px;
    margin-left:30px;
    height:300px;
    font-size:14px;
}

.aplicaciones_derecha{
    float:left;
    width:321px;
    height:300px;
}

.texto a{
    color:#91c11c;
    font-weight: bold;
}

.visual_ul img{
    width:64px;
    float:left;
    height:64px;
    margin:10px;
    margin-top:15px;
    margin-bottom:15px;
}

.green {
    color: #91c11c;
    font-weight: bold;
}

.formularios{
    width:800px;
    margin-top:40px;
    float:left;
}

.formularios li span{
    float:right;}

.sortable{
    list-style:none;
    margin:0;
    padding:0;
}

.sortable li{
    padding:10px;
    padding-right: 0px;
    list-style:none;
}

.sortable_1{
    background-color: #DDDDDD;
}

.sortable_1 ul li{
    list-style-type: circle;
}

.sortable li span{
    float:right;
    margin-right:20px;
}

.sortable_2{
    background-color: #EFEFEF;
}

.sortable_2 ul li{
    list-style-type: circle;
}

/************* FORMULARIOS ****************/

.bordederecho{
    color:#53594b;
    border-right: 4px solid #cedc46;
    float:left;
    width:5px;
    height:30px;
    margin-top:5px;
}


.ip{
    float:right;
    width:140px;
    text-align: center;
    margin-left:40px;
    margin-right:40px;
    font-size:10px;
    margin-top:5px;
    color:#737272;
    font-weight:bold;
}

.ip span{
    color:#56b0e8;
}

.span span{
    color:#C1D333;
    font-weight:bold;
}

.gestor_plantilla_anadirtexto{
    height:41px;
}

/************ WEB ************/
.ocupar_div{
    width:100% !important;
    height:100% !important;
}

/********** BOTONES *********/
.boton_verde{
    /*basico*/
	width: auto;  height: 50px;  color: white; background-color: #99CF00;
	text-align: center;  font-size: 16px;  line-height: 50px;

	/*bordes */
	border-left: solid 1px #c3f83a;
	border-top: solid 1px #c3f83a;
	border-right: solid 1px #82a528;
	border-bottom: solid 1px #58701b;
        padding-left:20px;
        padding-right: 20px;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-gradient(linear, 0% 0%, 0% 100%, from(#99CF00), to(#6DB700))
}

.boton_verdeclaro{
     background: none repeat scroll 0 0 #D2E788;
    box-shadow: none;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-weight: bold;
    height: 20px;
    width: auto;
    border: 1px solid #CECECE;
    font-size:10px;
    padding-left:5px;
    padding-right:5px;
    border-radius: 4px 4px 4px 4px;
}


.boton_rojo{
    /*basico*/
	width: auto;  height: 50px;  color: white; background-color: #fe3a3a;
	text-align: center;  font-size: 16px;  line-height: 50px;


	/*bordes */
	border-left: solid 1px #c3f83a;
	border-top: solid 1px #c3f83a;
	border-right: solid 1px #82a528;
	border-bottom: solid 1px #58701b;
        padding-left:20px;
        padding-right: 20px;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fe3a3a), to(#6DB700))
}

.boton_violeta{
    /*basico*/
	width: auto;  height: 50px;  color: white; background-color: #B211A1;
	text-align: center;  font-size: 16px;  line-height: 50px;


	/*bordes */
	border-left: solid 1px #c3f83a;
	border-top: solid 1px #c3f83a;
	border-right: solid 1px #82a528;
	border-bottom: solid 1px #58701b;
        padding-left:20px;
        padding-right: 20px;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-gradient(linear, 0% 0%, 0% 100%, from(#B211A1), to(#6DB700))
}


.boton_gris{
    /*basico*/
	width: auto;  height: 50px;  color: white; background-color: #737272;
	text-align: center;  font-size: 16px;  line-height: 50px;

        padding-left:20px;
        padding-right: 20px;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-gradient(linear, 0% 0%, 0% 100%, from(#737272), to(#6DB700))
}


.qq-upload-button{
    margin-top:30px;
    margin-bottom:30px;
    width: 100px;  height: 20px;  color: white; background-color: #c8d93b;
    color:#FFF;
    border: 1px solid #7c7c7c;
	text-align: center;  font-size: 16px;

        padding-left:20px;
        padding-right: 20px;

	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-gradient(linear, 0% 0%, 0% 100%, from(#737272), to(#6DB700))

}

.qq-upload-failed-text{
    display:none;
}

#loading{
   background-color:#e4e3e3;
   background-image: url('../../admin/img/loader10.gif');
   background-repeat: no-repeat;
   background-position: top center;
   position:relative;
   height:auto;
   width:100%;
   height: 50px;
   display:none;
   z-index:1000000;
}

.select_header{
    border:1px solid #d2d2d2;
    font-size:10px;
    height:25px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.misproductos_mis span{
    color:#aab93f;
}

.misproductos_mis{
    color:#b4b4b4;
    font-weight:bold;
}

.misproductos_titulo{
    color:#77992b;
    float:left;
    margin-right:20px;
}

.titulo1000{
    width:520px;
    margin:auto;
    margin-left:20px;
    color:#b4b4b4;
    text-align:center;
}

.titulo1000 span{
    color:#6f6f6f;
    font-weight: bolder;
}

.imagenhosting{
    width:397px;
    height:170px;
    margin:auto;
    background-image: url('../img/imagenhosting.jpg');
    background-repeat:no-repeat;
}

.imagendominioenparking{
    width:416px;
    height:265px;
    margin:auto;
    background-image: url('../img/imagendominioenparking.jpg');
    background-repeat:no-repeat;
}


.imagenredirecciona{
    width:467px;
    height:240px;
    margin:auto;
    background-image: url('../img/imagenredirecciona.jpg');
    background-repeat:no-repeat;
}

.imagenautocontestador{
    width:119px;
    height:86px;
    margin:auto;
    float:right;
    background-image: url('../img/imagenautocontestador.jpg');
    background-repeat:no-repeat;
}

.label small{
    display:none !important;
}

.imagenquota{
     width:301px;
    height:238px;
    margin:auto;
    background-image: url('../img/imagenquota.jpg');
    background-repeat:no-repeat;
}

.imagenftp{
     width:239px;
    height:150px;
    margin:auto;
    background-image: url('../img/imagenftp.jpg');
    background-repeat:no-repeat;
}

.imagencontrasena{
     width:211px;
    height:229px;
    margin:auto;
    background-image: url('../img/imagencontrasena.jpg');
    background-repeat:no-repeat;
}

.hosting_izquierda{
    padding-left: 10px !important;
}

.hosting_derecha .box{
    padding-left: 10px !important;
}

.tickets_derecha_inicio{
    width:190px;
    text-align:center;
    float:right;
    margin-top:-20px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #6e6e6e;
}

.formularios_componente_ul{
    margin:0;
    padding:0;
    list-style:none;
    padding-left:15px;
    padding-right:15px;
}

.formularios_componente_ul li{
   margin:0;
   padding:0;
   list-style:none;
   border-bottom: 1px solid #BBBBBB;
   height:30px;
   line-height: 30px;
}

.formularios_componente_ul .text{
    padding-left: 20px;
    background-image:url('../../admin/img/textfield.png');
    background-repeat:no-repeat;
}


.formularios_componente_ul .textarea{
    padding-left: 20px;
    background-image:url('../../admin/img/comment.png');
    background-repeat:no-repeat;
}

.formularios_componente_ul .radio{
    padding-left: 20px;
    background-image:url('../../admin/img/radio.png');
    background-repeat:no-repeat;
}

.formularios_componente_ul .select{
    padding-left: 20px;
    background-image:url('../../admin/img/dropdown.png');
    background-repeat:no-repeat;
}

.formularios_componente_mover{
    padding-left: 20px;
    width:40px;
    text-align:right;
    position:relative;
    margin-right:5px;
    float:right;
    background-image:url('../../admin/img/arrow_out.png');
    background-repeat:no-repeat;
}


.previa{
    width:200px;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
}

.previa select{
    width:200px;
}

#form_builder_panel {
    float:left;
    border: 1px solid #BBBBBB;
    border-radius: 5px 5px 5px 5px;
    padding: 15px;
}

.gestor_live_support {
	background-image:url('../../../../chat/g3.png');
    height: 146px;
    position: fixed;
    top: 300px;
    width: 61px;
    z-index: 999999;
}

/****** FORMULARIO   ***************/
.form_dialog{
    float:left;
    clear:both;
}

.form_dialog label{
    clear: both;
    color: #5E9E27;
    float: left;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 300px;
    text-align:left;
}

.form_dialog input{
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 1px 1px 2px #DDDDDD inset;
    color: #666666;
    padding: 8px 5px;
    width: 300px;
}

.form_dialog input {
    border: 1px solid #CCCCCC;
    width: 200px;
}

.form_dialog select{
    background: url("../templates/tucreasweb/img/titlebg.png") repeat-x scroll left top #FCFCFC;
    border: 1px solid #BBBBBB;
    box-shadow: 1px 1px 2px #DDDDDD;
    color: #666666;
    font-size: 11px;
    margin: 0;
    outline: medium none;
    padding: 5px;
}


.form_dialog .submit{
    width:120px;
    margin-top:20px;
    float:right;
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
}

.form_dialog .result_ok{
    display:none;
}

.form_dialog .result_ko{
    display:none;
}

.form_dialog #result{
    clear:both;
}


.form_dialog fieldset{
    border:none;
}

.dialog_stdform div.par {
    overflow: hidden;
}
.dialog_stdform span.field, .stdform div.field {
    display: block;
    position: relative;
}
.dialog_stdform .formwrapper {
    display: block;
    line-height: 25px;
    margin-left: 220px;
    padding-top: 5px;
}
.dialog_stdform label {
    color:#282f1e;
}
.dialog_stdform label.error {
    color: #FF6600;
    display: block;
    float: none;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}
.dialog_stdform input {
    background: #FFF;
    border: 1px solid #cecece;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 2px #DDDDDD inset;
    color: #666666;
    height:25px;
    padding-left:10px;
    width: 100%;
}
.dialog_stdform input:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 1px 1px 2px #EEEEEE inset;
}
.dialog_stdform .smallinput {
    width: 40%;
}
.dialog_stdform .mediuminput {
    width: 60%;
}
.dialog_stdform .longinput {
    width: 80%;
}
.dialog_stdform input.error {
    border: 1px solid #FF6600;
}
.dialog_stdform input[type="radio"], .stdform input[type="checkbox"] {
    margin: 0;
    vertical-align: middle;
    width: auto;
}
.dialog_stdform input[type="submit"] {
    background: none repeat scroll 0 0 #d2e788;
    box-shadow: none;
    color: #FFF;
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 20px;
    margin: 0;
    margin-top:10px;
    margin-right:40px;
    width: auto;
}
.dialog_stdform p {
    min-height: 30px;
}
.dialog_stdform input[type="reset"] {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    box-shadow: none;
    color: #666666;
    font-weight: bold;
    margin: 0 0 0 5px;
    padding: 7px 10px;
    width: auto;
}
.dialog_stdform input[type="submit"]:hover {
    background: none repeat scroll 0 0 #77992b;
    color: #333333;
    float: right;
}
.dialog_stdform input[type="reset"]:hover {
    background: none repeat scroll 0 0 #DDDDDD;
    color: #FFF;
    cursor: pointer;
}
.dialog_stdform textarea {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 1px 1px 2px #DDDDDD inset;
    color: #666666;
    padding: 8px 5px;
}
.dialog_stdform textarea.error {
    border: 1px solid #FF6600;
}
.dialog_stdform select {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 1px 1px 2px #DDDDDD inset;
    color: #666666;
    min-width: 40%;
    padding: 7px 5px;
}
.dialog_stdform select.error {
    border: 1px solid #FF6600;
}
.dialog_stdform textarea:focus, .stdform select:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 1px 1px 2px #EEEEEE inset;
}
.dialog_stdform button {
    background: none repeat scroll 0 0 #333333;
    border: 1px solid #333333;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    padding: 7px 10px;
}
.dialog_stdform button:hover {
    background: none repeat scroll 0 0 #111111;
    border: 1px solid #000000;
    color: #FFFFFF;
}
.dialog_stdform button.cancel {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    color: #666666;
}
.dialog_stdform button.cancel:hover {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #CCCCCC;
}
.dialog_stdform small.desc {
    color: #999999;
    display: block;
    font-size: 11px;
    font-style: italic;
    margin: 5px 0 0 0;
}
.dialog_stdform .stdformbutton {
    margin-left: 220px;
}
.dialog_stdform2 p, .dialog_stdform2 div.par {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-width: 0 1px 1px;
    margin: 0;
}
.dialog_stdform2 div.terms {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
}

.dialog_stdform div.par {
    overflow: hidden;
}
.dialog_stdform2 label {
    text-transform: uppercase;
    display: inline-block;
    font-weight: bold;
    padding: 20px;
    padding-top:10px;
    padding-bottom: 0px;
    text-align: left;
    vertical-align: top;
}
.dialog_stdform2 label.error {
    margin-left: 0;
    padding: 0;
}
.dialog_stdform2 label small {
    color: #999999;
    font-size: 11px;
    font-weight: normal;
    line-height: 16px;
    text-transform: none;
}
.dialog_stdform2 span.field, .dialog_stdform2 div.field {
    clear:both;
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    padding: 20px;
    padding-top:5px;
    padding-bottom:5px;
}
.dialog_stdform2 .stdformbutton {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-left: 0;
    padding: 20px;
}


/**** FORMULARIO PREVIA ****/
.dialog_previaform div.par {
    overflow: hidden;
}
.dialog_previaform span.field, .stdform div.field {
    display: block;
    position: relative;
}
.dialog_previaform.formwrapper {
    display: block;
    line-height: 25px;

    padding-top: 5px;
}
.dialog_previaform label {
    color:#282f1e;
}
.dialog_previaform label.error {
    color: #FF6600;
    display: block;
    float: none;
    font-size: 11px;
    font-weight: bold;
    text-align: left;
}
.dialog_previaform input {
    background: #FFF;
    border: 1px solid #cecece;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 2px #DDDDDD inset;
    color: #666666;
    height:30px;
    padding-left:10px;
    width: 80%;
    margin-left:auto;
    margin-right:auto;
}
.dialog_previaform input:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 1px 1px 2px #EEEEEE inset;
}
.dialog_previaform .smallinput {
    width: 40%;
}
.dialog_previaform .mediuminput {
    width: 60%;
}
.dialog_previaform .longinput {
    width: 80%;
}
.dialog_previaform input.error {
    border: 1px solid #FF6600;
}
.dialog_previaform input[type="radio"], .stdform input[type="checkbox"] {
    margin: 0;
    vertical-align: middle;
    width: auto;
}
.dialog_previaform input[type="submit"] {
    background: none repeat scroll 0 0 #d2e788;
    box-shadow: none;
    clear: both;
    color: #FFF;
    cursor: pointer;
    float: right;
    font-weight: bold;
    height: 20px;
    margin: 0;
    margin-right:40px;
    width: auto;
}
.dialog_previaform p {
    min-height: 30px;
}
.dialog_previaform input[type="reset"] {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    box-shadow: none;
    color: #666666;
    font-weight: bold;
    margin: 0 0 0 5px;
    padding: 7px 10px;
    width: auto;
}
.dialog_previaform input[type="submit"]:hover {
    background: none repeat scroll 0 0 #77992b;
    color: #333333;
    float: right;
}
.dialog_previaform input[type="reset"]:hover {
    background: none repeat scroll 0 0 #DDDDDD;
    color: #FFF;
    cursor: pointer;
}
.dialog_previaform textarea {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 1px 1px 2px #DDDDDD inset;
    color: #666666;
    padding: 8px 5px;
}
.dialog_previaform textarea.error {
    border: 1px solid #FF6600;
}
.dialog_previaform select {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #CCCCCC;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 1px 1px 2px #DDDDDD inset;
    color: #666666;
    min-width: 40%;
    padding: 7px 5px;
}
.dialog_previaform select.error {
    border: 1px solid #FF6600;
}
.dialog_previaform textarea:focus, .stdform select:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 1px 1px 2px #EEEEEE inset;
}
.dialog_previaform button {
    background: none repeat scroll 0 0 #333333;
    border: 1px solid #333333;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    padding: 7px 10px;
}
.dialog_previaform button:hover {
    background: none repeat scroll 0 0 #111111;
    border: 1px solid #000000;
    color: #FFFFFF;
}
.dialog_previaform button.cancel {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    color: #666666;
}
.dialog_previaform button.cancel:hover {
    background: none repeat scroll 0 0 #DDDDDD;
    border: 1px solid #CCCCCC;
}
.dialog_previaform small.desc {
    color: #999999;
    display: block;
    font-size: 11px;
    font-style: italic;
    margin: 5px 0 0 0;
}
.dialog_previaform .stdformbutton {
    margin-left: 220px;
}
.dialog_previaform2 p, .previaform2 div.par {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-width: 0 1px 1px;
    margin: 0;
}
.dialog_previaform2 div.terms {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
}

.dialog_previaform div.par {
    overflow: hidden;
}
.dialog_previaform2 label {
    display: inline-block;
    font-weight: bold;
    padding: 20px;
    padding-top:10px;
    padding-bottom: 0px;
    text-align: left;
    vertical-align: top;
}
.dialog_previaform2 label.error {
    margin-left: 0;
    padding: 0;
}
.dialog_previaform2 label small {
    color: #999999;
    display: block;
    font-size: 11px;
    font-weight: normal;
    line-height: 16px;
}
.dialog_previaform2 span.field, .previaform2 div.field {
    clear:both;
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    padding: 20px;
    padding-top:5px;
    padding-bottom:5px;
}
.dialog_previaform2 .stdformbutton {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-left: 0;
    padding: 20px;
}