@charset "utf-8";
/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

html, body {
height:auto;
min-height:100%;
}

body {
font:10pt Arial, Helvetica, sans-serif;
color:#333333;
margin:0;
padding:0;
background:#fff;
}

/********************/
/*		GENERAL		*/
/********************/

h1, p{
margin:0;
}


a{
color:red;
text-decoration:none;
outline:none;
}

a:hover,
a.selected{
color:#C32511;
}

a.button{
display:block;
padding:5px;
background-color:#66CC99;
color:#fff;
font-weight:bold;
}

a.button:hover{
background-color:#E2464B;
}

#outer-wrapper{
min-height:100%;
height:auto !important;
height:100%;
}

#wrapper{
height:auto;
}

.clear{
clear:both;
}

.wait *{
cursor:wait !important;
}

.nomargin{
margin:0 !important;
}

input[type="text"],
input[type="password"],
select,
textarea{
color:#333;
font-family:Helvetica, Arial, sans-serif;
outline:none;
}

input[type="button"],
input[type="submit"],
button{
font-family:Helvetica, Arial, sans-serif;
outline:none;
}

.bold{
font-weight:bold;
}
.home section .publica{
width:960px;
height: 400px;
margin:0 auto;
position:relative;
background-color: #ffffff;
background-image:url(../images/comercial/Hcomercial.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.home section .publica .title {
text-align:center;
color:#C32511;
padding:10%;
font-family:'Montserrat', sans-serif;
font-weight:700;
}
.home section .publica .title span{
text-align:center;
color:#C32511;
font-family:'Montserrat', sans-serif;
font-weight:700;
text-transform:uppercase;
background: rgba(255, 255, 255, 0);
}

/********************/
/*		HEADER		*/
/********************/

header .header-content{
width:960px;
margin:0 auto;
position:relative;
padding-bottom:0px;
border-bottom:5px solid #CCC;
}

.home header .header-content{
padding-bottom:35px;
border-bottom:5px solid #CCC;
}




header .header-content .upper{
position:absolute;
right:0;
top:0;
font-weight:bold;
}

header .header-content .upper #login,
header .header-content .upper .language,
header .header-content .upper .logout{
float:right;
margin-left:15px;
padding:8px 0 5px;
}

header .header-content .upper #login{
background-color:#FAF8F5;
padding:0;
}

header .header-content .upper #login a{
display:block;
background-color:#FAF8F5;
padding:8px 10px 5px;
}

header .header-content .upper #login a:hover{
background-color:#C32511;
color:#fff;
}

header .header-content .upper .language a{
margin:0 4px;
}

header .header-content nav{
padding-top:40px;
text-align:center;
}

header .header-content nav a{
overflow: hidden;
margin: 0 5px;
position: relative;
display: inline-block;
outline: none;
color: #C32511;
text-decoration: none;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
text-shadow: 0 0 1px rgba(255,255,255,0.3);
}

header .header-content nav a:hover,
header .header-content nav a:focus{
outline: none;
}

header .header-content nav a span{
display: block;
padding: 10px 20px;
background: #FAF8F5;
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
}

header .header-content nav a::before{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

position: absolute;
top: 0;
left: 0;
z-index: -1;
padding: 10px 20px;
width: 100%;
height: 100%;
background: #C32511;
color: #fff;
content: attr(data-hover);
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -moz-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: translateX(-25%);
}
header .header-content nav .dropdown-content a::before{
    font-size: 8px;
}

header .header-content nav a:hover span,
header .header-content nav a:focus span,
header .header-content nav a.selected span{
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
transform: translateX(100%);
}

header .header-content nav a:hover::before,
header .header-content nav a:focus::before,
header .header-content nav a.selected::before{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;

-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
}

/********************/
/*		FOOTER		*/
/********************/

footer{
max-width:960px;
margin:0 auto;
height:80px;
padding-top:0px;
border-top:5px solid #CCCCCC;
font-size:12px;
color:#CCCCCC;
}

footer .left{
float:left;
}

footer .left p{
margin-bottom:20px;
}

footer .left p a{
color:#CCCCCC;
}

footer .left p a:hover{
color:#C32511;
}

footer .right{
float:right	;
}

footer .right p{
margin-bottom:5px;
text-align:center;
}
/********************/
/*	  LOGIN	    */
/********************/

#reminder{
background-color:#ECEBE8;
display:none;
}

#reminder .ret{
padding:10px 0;
margin:0 auto;
width:960px;
position:relative;
}

#tabregister-panel,
#tabactions-panel{
position:fixed;
width:100%;
height:100%;
display:none;
z-index:99999;
}

#tabregister-panel .modal,
#tabactions-panel .modal{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(255, 255, 255, 0.4);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff, endColorstr=#66ffffff)"; /* IE 8 */
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff, endColorstr=#66ffffff); /* IE 5-7 */
z-index:1;
}

.tabregister-content,
.tabactions-content{
position:absolute;
top:50%;
margin-top:10px;
left:50%;
margin-left:-225px;
width:450px;
position:relative;
background-color:#F8F1CD;
border:5px solid rgb(51, 51, 51);
border:5px solid rgba(51, 51, 51, .7);
-webkit-background-clip:padding-box; /* for Safari */
background-clip:padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
z-index:2;
}

#tabregister-panel .tabregister-content .result,
#tabactions-panel .tabactions-content .result{
padding:20px;
}

#reminder .ret .close,
#tabregister-panel .tabregister-content .black-close,
#tabactions-panel .tabactions-content .black-close{
position:absolute;
top:20px;
right:20px;
width:13px;
height:12px;
background-image:url(../img/close.png);
background-position:top;
}

#reminder .ret .close{
top:10px;
right:0;
}

#reminder .ret .close:hover,
#tabregister-panel .tabregister-content .black-close:hover,
#tabactions-panel .tabactions-content .black-close:hover{
background-position:bottom;
}

.tabregister-content .header{
background-color:#C32511;
padding:10px 20px 0;
}

.tabregister-content .header .name{
float:left;
font-size:17px;
font-weight:bold;
color:#fff;
}


.tabregister-content .header .close:hover{
background-position:bottom;
}

.tabregister-content .header .tab{
float:right;
padding:7px;
font-weight:bold;
color:#fff;
margin-left:10px;
}

.tabregister-content .header .tab:hover{
color:#333;
}

.tabregister-content .header .tab.active{
color:#333;
background-color:#FAF8F5;
cursor:default;
}

.tabregister-content .tab-panel{
padding:20px;
}


.tabregister-content p.title{
font-size:17px;
font-weight:bold;
margin-bottom:20px;
}

.tabregister-content p.margin{
margin-bottom:20px;
}

#tabactions-panel .tabactions-content .tab-panel p{
margin-bottom:10px;
font-size:14px;
}

.tabregister-content input[type="text"],
.tabregister-content input[type="password"]{
border:none;
padding:5px 8px;
width:254px;
height:16px;
margin-bottom:10px;
outline:none;
}


.tabregister-content select{
width:455px;
height:26px;
margin-bottom:10px;
outline:none;
}

.tabregister-content input[type="text"].error,
.tabregister-content input[type="password"].error,
.tabregister-content select.error{
background-color:#fcc;
}

.tabregister-content button{
border:none;
background:none;
font-size:17px;
font-weight:bold;
}

.tabregister-content button.btn-back{
float:left;
}

.tabregister-content button:hover{
color:#C32511;
}

.tabregister-content .separator{
font-size:17px;
font-weight:bold;
}

.tabregister-content a{
color:#B6B4B2;
}

.tabregister-content a:hover{
color:#E2464B;
}

.tabregister-content span.checkbox,
.tabregister-content span.radio{
width:19px;
height:25px;
padding:0 5px 0 0;
margin-top:-4px;
display:block;
clear:left;
float:left;
background:url(../img/checkbox.png) no-repeat;
}

.tabregister-content span.checkbox.error,
.tabregister-content span.radio.error{
background-position:0px -100px;
}


.tabregister-content .label{
float:left;
padding-top:5px;
margin-right:20px;
}

#tabregister-panel .tabregister-content .belong{
padding-top:10px;
float:left;
}

#tabregister-panel .tabregister-content .belong .columns{
padding-top:10px;
width:450px;
}

#tabregister-panel .tabregister-content .belong .left{
padding-top:15px;
width:250px;
}


#tabregister-panel .tabregister-content .belong .right{
padding-top:0px;
width:70px;
}

#tabregister-panel .tabregister-content .belong p{
font-weight:bold;
margin-top:35px;
margin-bottom:10px;
}

#tabregister-panel .tabregister-content .belong .left .label{
margin-right:0;
}


#tabregister-panel .tabregister-content .belong .chzn-container{
float:left;
margin-bottom:0;
margin-left:0px;
margin-right:25px;
}

#tabregister-panel .tabregister-content .belong input[type="text"]{
float:left;
width:440px;
margin-bottom:0;
}

#tabregister-panel .tabregister-content .opt{
padding-top:20px;
font-size:12px;
}


#reminder .ret .lost input[type="text"],
#tabactions-panel .tabactions-content input[type="text"],
#tabregister-panel .tabregister-content .lost input[type="text"]{
float:left;
margin-bottom:0;
}

.tabregister-content .submit{
text-align:right;
padding-top:20px;
}

.tabregister-content .submit .error{
color:#E2464B;
display:none;
}

.tabregister-content .information{
padding-bottom:14px;
}

.tabregister-content .left{
float:left;
width:455px;
}

.tabregister-content .right{
float:right;
width:455px;
}

.tabregister-content .leftlogin{
float:left;
width:120px;
}

.tabregister-content .rightlogin{
float:right;
width:270px;
}




/********************/
/*	  CONTENIDO	    */
/********************/

article{
margin:20px 0;
}

.home article{
margin:0;
}




section .article-content{
width: 95%;
margin:0 auto;
position:relative;
background-color: #ffffff;
}
.home section .article-content .title{
text-align:center;
color:#cccccc;
position: relative;
font-family:'Montserrat', sans-serif;
font-weight:700;
top: 20%;
}

section .article-content .section-title,
section .article-content .title{
text-align:center;
    padding:20px 0 0;
    font-family: arial,'Montserrat', sans-serif;
    font-weight:normal;
    text-transform: uppercase;
}
section .article-content .title{
    box-shadow: 1px 4px 18px #d6d4d4;
    margin-top: -5px;
}

section#explanations .article-content .section-title{
padding:15px 0 30px;
}

section#explanations .article-content .section-issue{
font-weight:bold;
}

section .article-content .section-title span{
padding:5px 10px;
border:1px solid #333;
text-transform:uppercase;
font-weight:normal;
font-size:12pt;
text-align:center;
background: #ffffff;
*display:block;
*margin:0 auto;
*width:365px;
}

section .article-content .title span{
padding: 10px;
font-size: 14pt;
font-weight: 700;
color: #c32511;
text-shadow: 1px 1px 0px #ababab;
*display:block;
*margin:0 auto;
*width:365px;
}
section .article-content .title span::after{
    content: "";
    border: 2px solid #c32511;
    width: 220px;
    margin: 3px auto 0 auto;
    display: block;
    box-shadow: 1px 2px 20px 3px #c5c5c5;
    border-radius: 100%;
}

#how-participate .group-how{
padding:50px 0;
background-image:url(../images/comercial/Hcomercial.jpg);
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#how-participate .group-how .block{
float:left;
width:200px;
}

#how-participate .group-how.explanation .block{
width:250px;
text-align:center;
}

#how-participate .group-how.new .block{
width:180px;
}

#how-participate .group-how .block.middle-left{
padding:0 27px 0 53px;
}

#how-participate .group-how .block.middle-right{
padding:0 53px 0 27px;
}

#how-participate .group-how.new .block.middle-left{
padding:0 40px 0 80px;
}

#how-participate .group-how.new .block.middle-right{
padding:0 80px 0 40px;
}

#how-participate .group-how.explanation .block.middle{
padding:0 105px;
}

#how-participate .group-how .block p{
padding:0 17px;
}

#how-participate .group-how.explanation .block p{
padding:0;
}

#how-participate .group-how .block .circle{
text-align:center;
margin-bottom:20px;
}

#how-participate .group-how.explanation .block .circle{
margin-top:20px;
}

#how-participate .group-how .block{
float:left;
width:200px;
}

#how-participate .group-how.explanation .block{
width:250px;
text-align:center;
}

#how-participate .group-how.new .block{
width:180px;
}

#how-participate .group-how .block.middle-left{
padding:0 27px 0 53px;
}

#how-participate .group-how .block.middle-right{
padding:0 53px 0 27px;
}

#how-participate .group-how.new .block.middle-left{
padding:0 40px 0 80px;
}

#how-participate .group-how.new .block.middle-right{
padding:0 80px 0 40px;
}

#how-participate .group-how.explanation .block.middle{
padding:0 105px;
}

#how-participate .group-how .block p{
padding:0 17px;
}

#how-participate .group-how.explanation .block p{
padding:0;
}

#how-participate .group-how .block .circle{
text-align:center;
margin-bottom:20px;
}

#how-participate .group-how.explanation .block .circle{
margin-top:20px;
}

#how-participate .group-how .block .btn{
text-align:center;
margin:0 auto 20px;
position:relative;
z-index:1;
}

#how-participate .group-how .block .btn.btnd{
width:91px;
}

#how-participate .group-how .block .btn.btnd.en{
width:125px;
}

#how-participate .group-how .block .btn.btnw{
width:102px;
}

#how-participate .group-how .block .btn.btnp{
width:170px;
}

#how-participate .group-how .block .btn.btnp.pt{
width:142px;
}

#how-participate .group-how .block .btn.btnp.en{
width:146px;
}

#how-participate .group-how .block .btn.btns{
width:97px;
}

#how-participate .group-how .block .btn.btns.pt{
width:117px;
}

#how-participate .group-how .block .btn.btns.en{
width:91px;
}

#how-participate .group-how .block .btn a{
display:block;
position:relative;
overflow:hidden;
text-transform:uppercase;
font-family:'Montserrat', sans-serif;
font-weight:700;
}

#how-participate .group-how .block .btn span{
display:block;
background-color:#fff;
color:#333333;
padding:5px 10px;
-webkit-transition:-webkit-transform 0.3s;
-moz-transition:-moz-transform 0.3s;
transition:transform 0.3s;
}

#how-participate .group-how .block .btn a::before{
position:absolute;
top:0;
left:0;
z-index:-1;
padding:5px 0;
width:100%;
height:100%;
background:#333;
color:#fff;
content:attr(data-hover);
-webkit-transition:-webkit-transform 0.3s;
-moz-transition:-moz-transform 0.3s;
transition:transform 0.3s;
-webkit-transform:translateX(-25%);
}

#how-participate .group-how .block .btn a:hover span,
#how-participate .group-how .block .btn a:focus span{
-webkit-transform:translateX(100%);
-moz-transform:translateX(100%);
transform:translateX(100%);
}

#how-participate .group-how .block .btn a:hover::before,
#how-participate .group-how .block .btn a:focus::before{
-webkit-transform:translateX(0%);
-moz-transform:translateX(0%);
transform:translateX(0%);
}

#how-participate .group-how .block .info{
color:#fff;
}

#how-participate .group-how.new .block .acircle{
display:block;
position:relative;
width:180px;
height:180px;
background-position:top;
background-repeat:no-repeat;
background-size:180px 180px;
border-radius: 50%;
}
#how-participate .group-how.new .block .acircle span{
    font-weight: 600 !important;
}

#how-participate .group-how.new .block .acircle.d{
background-image:url(../images/comercial/operaciones.png);
}

#how-participate .group-how.new .block .acircle.w{
background-image:url(../images/comercial/acciones.png);
}

#how-participate .group-how.new .block .acircle.p{
background-image:url(../images/comercial/objetivos.png);
}

#how-participate .group-how.new .block .acircle.s{
background-image:url(../images/comercial/asignaciones.png);
}

#how-participate .group-how.new .block .acircle:hover{
background-position:bottom;
    box-shadow: 0px 0px 11px -1px #0404046e;
}

#how-participate .group-how.new .block .acircle .slogan{
display:block;
color:#333333;
padding:5px 0;
text-transform:uppercase;
font-family: arial, sans-serif,'Montserrat';
font-size: 11pt;
font-weight:500;
margin:0 auto;
text-align:center;
position:relative;
top:75px;
}

#how-participate .group-how.new .block .acircle .slogan-hover{
display:none;
color:#333333;
padding:5px 0;
font-family:'Montserrat', sans-serif;
font-weight:700;
margin:0 auto;
text-align:center;
position:relative;
top:50px;
width:90px;
}


#how-participate .group-how.new .block .acircle .slogan-hover .hru,
#how-participate .group-how.new .block .acircle .slogan-hover .hrd{
display:block;
margin:0 auto;
border-top:3px solid #333;
width:20px;
}

#how-participate .group-how.new .block .acircle .slogan-hover .hru{
margin-bottom:5px;
}

#how-participate .group-how.new .block .acircle .slogan-hover .hrd{
margin-top:5px;
}

/* no se usa alter de circulos*/
#how-participate .group-how.new .block .acircle:hover .slogan{
display:block;
}

#how-participate .group-how.new .block .acircle:hover .slogan-hover{
display:none;
}


#how-participate .group-how.new .block .acircle .slogan.d{
/*width:91px;*/
}

#how-participate .group-how.new .block .acircle .slogan.d.en{
/*width:125px;*/
}

#how-participate .group-how.new .block .acircle .slogan.w{
/*width:102px;*/
}

#how-participate .group-how.new .block .acircle .slogan.p{
/*width:170px;*/
}

#how-participate .group-how.new .block .acircle .slogan.p.pt{
/*width:142px;*/
}

#how-participate .group-how.new .block .acircle .slogan.p.en{
/*width:146px;*/
}

#how-participate .group-how.new .block .acircle .slogan.s{
/*width:97px;*/
}

#how-participate .group-how.new .block .acircle .slogan.s.pt{
/*width:117px;*/
}

#how-participate .group-how.new .block .acircle .slogan.s.en{
/*width:91px;*/
}

.chzn-container.error{
background-color:#fcc;
}

#propose-options .propose,
#mantenimientos .propose{
padding:10px 10px 10px;
/*background-color:#E2464B;*/
position:relative;
display:block;
}

#mantenimientos .ficha{
padding:10px 20px 20px;
/*background-color:#ccc;*/
position:relative;
display:block;
}

div#mantenimientos div.ficha div.body div.group{
    margin-bottom: 5px;
}
div#mantenimientos div.ficha div.body div.group label.titulo{
    font-size: 10pt;
    display:inline-block;
    width: 100px;
}

div#mantenimientos div.ficha div.body div.group label.texto{
    display: inline-block;
    font-size: 10pt;
    margin-left: 2%;
    width: 85%;
}



#propose-options,
#mantenimientos{
padding:20px 0;
}

#propose-options input[type="text"],
#propose-options input[type="email"],
#mantenimientos input[type="text"],
#mantenimientos input[type="email"]
{
border:1px solid #aaaaaa;
padding:5px;
width:100%;
height:14px;
margin-top:5px;
outline:none;
}

#propose-options input[type="radio"]
{
border:1px solid #aaaaaa;
padding:5px 8px;
height:14px;
margin-top:5px;
outline:none;
}

#propose-options input[type="text"].calendar , #propose-options input[type="date"].calendar{
background-image:url(../images/calendar-textbox.png);
background-repeat:no-repeat;
background-position:right center;
cursor:pointer;
}

#propose-options select{
width:100%;
height:26px;
outline:none;
}


#propose-options textarea{
border:1px solid #aaaaaa;
padding:5px 0px;
width:100%;
height:50px;
margin-top:5px;
resize:none;
outline:none;
}

#propose-options .chzn-container,
section#article .chzn-container{
margin-bottom:0;
margin-top: 5px;
display: inline-block;
font-size: 13px;
position: relative;
margin-top: 5px;
}

#propose-options .propose-select .chzn-container .chzn-drop .chzn-search{
display:none;
}

#propose-options .propose-select .chzn-container .chzn-drop .chzn-results{
padding-top:3px;
}

#propose-options .chzn-container-single .chzn-single,
#propose-options .chzn-container-single .chzn-drop, 
section#article .chzn-container-single .chzn-single,
section#article .chzn-container-single .chzn-drop
{
border:1px solid #aaaaaa;
background-image: none;
border-radius: 0px;
box-shadow: none;

}

#propose-options .chzn-container-single .chzn-single{
height:24px;
line-height:24px;
}

#propose-options .chzn-container-multi .chzn-choices .search-field input[type="text"]{
padding:0 8px !important;
width:222px !important;
margin:0 !important;
height:24px;
line-height:24px;
}
#propose-options .chzn-container-multi .chzn-choices {
    background-color: #fff;
    background-image: none;
    border: 1px solid #aaaaaa;
    cursor: text;
    height: auto !important;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

#propose-options .chzn-container-multi .chzn-choices .search-choice{
margin:2px 0 2px 5px;
height:auto;
background-image:none;
border: 1px solid #aaaaaa;
box-shadow: none;

}
#propose-options .chzn-container .chzn-drop {
    box-shadow: none;
}
#propose-options .chzn-container-active .chzn-choices {
    box-shadow: none;
}

#propose-options input[type="text"].error,
#propose-options select.error,
#propose-options textarea.error{
background-color:#fcc;
}

#propose-options button,
#mantenimientos button{
border:none;
background:none;
padding-right:0;
font-size:17px;
font-weight:bold;
}

#propose-options button:hover,
#mantenimientos button:hover{    
color:#E2464B;
}

#propose-options .propose-select{
margin-bottom:20px;
}

#propose-options .propose-select select{
width:200px;
margin-left:10px;
}

#propose-options .propose-select .chzn-container{
margin-left:10px;
}

#propose-options .propose-select label{
float: left;
padding-top: 3px;
}

#propose-options .propose-select .anchor,
#up-faq .anchor{
float:right;
font-weight:bold;
position:relative;
padding-right:40px;
}

#propose-options .propose-select .anchor{
margin-top:5px;
}

#propose-options .propose-select .anchor .img,
#up-faq .anchor .img{
background:url(../img/faq.png);
background-position:top;
background-repeat:no-repeat;
width:25px;
height:25px;
display:block;
position:absolute;
top:-5px;
right:0;
}

#propose-options .propose-select .anchor:hover .img,
#up-faq .anchor:hover .img{
background-position:bottom;
}

#propose-options .propose p.title{
color:#fff;
font-weight:bold;
margin-bottom:10px;
}

#propose-options .propose p.result{
color:#fff;
text-align:center;
margin-bottom:10px;
}

#propose-options .propose .body,
#mantenimientos .propose .body{
padding:10px;
background-color:#fff;
}

#mantenimientos .ficha .body{
padding:10px;
/*background-color:#fff;*/
}

#asignacion-clientes .group-ttl,
#asignacion-coordinador .group-ttl,
#asignacion-usuarios .group-ttl,
#asignacion-comerciales .group-ttl,
#asignacion-direcciones .group-ttl,
#asignacion-cif .group-ttl,
#asignacion-comerciales .group-ttl,
#asignacion-asistente .group-ttl,
#asignacion-contacto .group-ttl,
#asignacion-paises .group-ttl,
#asignacion-responsable .group-ttl,
#asignacion-sectores .group-ttl,
#propose-options .propose .body .group-ttl{
    /*border-bottom: 3px solid;*/
    color: #e2464b;
    font-size: 14pt;
    /*font-weight: bold;*/
    margin-bottom: 17px;
    margin-top: 15px;
    padding-bottom: 3px;
}

#asignacion-sectores select{
    width: 250px;
}
#asignacion-sectores label{
    display: block;
    margin-right: 20px;
}
#asignacion-sectores .submitted_update_sectores{
    display: none;
}
#asignacion-sectores .sector-select{
    display: none;
}
#asignacion-sectores .chzn-container{
    margin-right: 20px;
    text-align: left;
}
#asignacion-sectores .columns{
    text-align: center;
}
#asignacion-sectores .columns > div{
    display: inline-block;
}
section#asignacion-paises form,
section#asignacion-responsable form{
    display: block;
    margin-left: 10%;
    width: 80%;   
}

section#asignacion-direcciones form,
section#asignacion-direcciones #table_direcciones_wrapper,
section#asignacion-cif form,
section#asignacion-responsable form,
section#asignacion-responsable #table_responsables_wrapper,
section#asignacion-asistente form,
section#asignacion-asistente #table_asistentes_wrapper,
section#asignacion-contacto #table_contactos_wrapper{
    display: block;
    margin-left: 5%;
    width: 90%;   
}

/* Mantenimiento de clientes - Tabla de contactos                            */
/* Éste es el estilo de la fila del contacto, que agrupa a las filas con las */
/* formas de contacto (proviene de la documentación de DataTable).           */
section#asignacion-contacto tr.group,
section#asignacion-contacto tr.group:hover {
    background-color: #ddd;
}

section#asignacion-paises form label,
section#asignacion-responsable form label,
section#asignacion-direcciones form label,
section#asignacion-cif form label,
section#asignacion-asistente form label,
section#asignacion-usuarios form label
{
    display: inline-block;
    
}

section#asignacion-paises form select,
section#asignacion-responsable form select,
section#asignacion-direcciones form select,
section#asignacion-cif form select,
section#asignacion-responsable form select,
section#asignacion-asistente form select,
section#asignacion-usuarios form select{
    width: 100%;
}

section#tabla-paises,
section#tabla-responsables{
    display: block;
    margin-left: 5%;
    width: 90%;   
}





#propose-options .propose .body .group-ttl.pplus{
padding-top:10px;
}

#propose-options .propose .body .untitled-object{
display:block;
margin-bottom:5px;
}

#propose-options .propose .body span.checkbox,
#propose-options .propose .body span.radio{
width:19px;
height:25px;
padding:0 5px 0 0;
margin-top:-4px;
display:block;
clear:left;
float:left;
background:url(../img/checkbox.png) no-repeat;
}

#propose-options .propose .body span.checkbox.error,
#propose-options .propose .body span.radio.error{
background-position:0px -100px;
}

#formulario-contacto-wrapper div.group,
#propose-options .propose .body .group,
#asignacion-clientes .group,
#mantenimientos .propose .body .group{
margin-bottom:15px;
}

#propose-options .propose .body .group.without{
color:#E2464B;
margin:0 auto 15px;
width:240px;
}

#asignacion-clientes .col-left,
#asignacion-usuarios .col-left,
#propose-options .propose .body .columns .col-left{
float:left;
width:440px;
}

#propose-options .propose .body .columns .sub-col-left{
float:left;
width:215px;
}

.sub-col-left.hora {
    width: 60px;
}

#asignacion-clientes .col-right,
#asignacion-usuarios .col-right,
#propose-options .propose .body .columns .col-right{
float:right;
width:440px;
}

#propose-options .propose .body .columns .sub-col-right{
float:right;
width:215px;
}

#propose-options .propose .body .columns .sub-col-middle{
float:right;
width:215px;
}

#propose-options .col-left-3{
float:left;
width:225px;
}

#propose-options .col-middle-3{
float:left;
width:225px;
}

#propose-options .col-right-3{
float:left;
width:225px;
}

#propose-options .propose .body .columns input[type="text"],
#propose-options .propose .body .columns textarea{
width:100%;
}

#propose-options .propose .body .sub-col-left input[type="text"],
#propose-options .propose .body .sub-col-left textarea{
width:195px;
}

#propose-options .propose .body .sub-col-right input[type="text"],
#propose-options .propose .body .sub-col-right textarea{
width:195px;
}

#propose-options .propose .body .sub-col-middle input[type="text"],
#propose-options .propose .body .sub-col-middle textarea{
width:195px;
}

#propose-options .propose .body .columns select{
width:440px;
}

#propose-options .propose .body .counter{
text-align:right;
margin-top:5px;
}

#propose-options .propose .body .check{
margin-top:5px;
}

#propose-options .propose .body .submit,
#mantenimientos .propose .body .submit
{
padding-top:10px;
text-align:right;
}

#propose-options .propose .body .submit .read{
float:left;
}

#propose-options .propose .body .submit .read a{
color:#E2464B;
}

#propose-options .propose .body .submit .read a:hover{
color:#aaaaaa;
}

#propose-options .propose .body .submit .error-msg{
color:#E2464B;
display:none;
}

#propose-options .propose .close{
position:absolute;
top:10px;
right:20px;
width:13px;
height:12px;
background-image:url('../img/close-white.png');
background-position:top;
}

#propose-options .propose .close:hover{
background-position:bottom;
}

#propose-options .propose .options{
padding-top:10px;
color:#fff;
font-weight:bold;
}

#propose-options .propose .options .share{
float:right;
text-align:center;
position:relative;
}

#propose-options .propose .options .share a.sh{
background-color:#CD3F44;
display:block;
padding:5px;
color:#fff;
width:120px;
height:20px;
}
#frm-operaciones div.columns.group div.sub-col-left.quartier{
    width: 200px;  
}

#frm-operaciones div.columns.group div.sub-col-left.quartier div#qPrevisto_chzn.chzn-container.chzn-container-single{
    width: 200px;
}
#frm-operaciones div.columns.group div.sub-col-left.quartier div#q_presupuestado_chzn.chzn-container.chzn-container-single{
    width: 200px;
}
#frm-operaciones div.columns.group div.sub-col-left.quartier select#qPrevisto{
    width: 200px;
}
#frm-operaciones div.columns.group div.sub-col-left.quartier select#q_presupuestado{
    width: 200px;
}
#frm-operaciones div.columns.group div.sub-col-left.hora{
    width: 200px;
    margin-left: 20px;
}

select#divisa.col-3{
    width: 100%;
}

select#divisacontrato.col-3{
    width: 100%;
}

#propose-options .propose .options .share a.sh img{
margin-left:5px;
}

#propose-options .propose .options .share .network{
background-color:#CD3F44;
padding:5px 10px;
width:110px;
height:20px;
position:absolute;
left:0;
bottom:-35px;
display:none;
}

#propose-options .propose .options .share .network a{
float:left;
width:20px;
height:20px;
background-color:#fff;
margin-left: 12px;
}

#propose-options .propose .options .share .network a.middle{
margin-left: 12px;
}

#propose-options .propose .options .share .network a:hover{
color:#fff;
background-color:#E2464B;
}

#table_operaciones .counter{
/*float:left;*/
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background-color:#CCCCCC;
width:100px;
height:8px;
margin-top:3px;
border:0px solid #333;
}

#table_operaciones .counter .progress{
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background-color:#66CC99;
width:14.3%;
height:8px;
}

#table_operaciones_cliente .counter{
/*float:left;*/
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background-color:#CCCCCC;
width:100px;
height:8px;
margin-top:3px;
border:0px solid #333;
}

#table_operaciones_cliente .counter .progress{
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
background-color:#66CC99;
width:14.3%;
height:8px;
}

#formulario-contacto-wrapper {
    width: 80%;
    margin-left: 10%;
}

#formulario-contacto-wrapper section{
 padding: 15PX;
 border: 1px #79ace9 solid;
 
}

#formulario-contacto-wrapper input[type="text"],
#formulario-contacto-wrapper select{
    width: 100%;
    border: 1px solid #aaaaaa;
    height: 14px;
    margin-top: 5px;
    outline: medium none;
    padding: 5px 0;
    
}


#procesando{
background-color: #FFFFFF; 
border-style: solid; 
border-width: 1px; 
display: none; 
//height: 80px; 
//left: 50%; 
//line-height: 160px; 
margin-left: -120px; 
margin-top: -130px; 
padding: 10px; 
position: fixed; 
text-align: center; 
top: 50%; 
left: 50%;
//vertical-align: middle; 
//width: 230px; 
z-index: 1000;    
}

#procesando span {
font-size: 18px; 
font-weight: bold;
}

#cargando{
background-color: #FFFFFF; 
border-style: solid; 
border-width: 1px; 
display: none; 
margin-left: -120px; 
margin-top: -130px; 
padding: 10px; 
position: fixed; 
text-align: center; 
top: 50%; 
left: 50%;
z-index: 1000;    
}

#cargando span {
font-size: 18px; 
font-weight: bold;
}

.back{
display:inline-block;
margin-top: 10px;
width: 25%;
}

.back a{
font-weight:normal;
color:red;
padding-left:30px !important;
position:relative;
}

.back a span{
position:absolute;
width:17px;
height:16px;
overflow:hidden;
top:10px;
left:0px;
background-image:url(../images/back-arrow.png);
background-repeat:no-repeat;
background-position:left top;
}

.back a:hover{
color:#c32511;
}

.back a:hover span{
background-position:left bottom;
}

.edit{
display:inline;
margin-top: 10px;
width: auto;
float:right;
text-align: right;

}

.edit a{
font-weight:normal;
color:red;
padding-left:30px;
position:relative;
}

.edit a span{
position:absolute;
width:17px;
height:16px;
overflow:hidden;
top:0px;
left:0px;
background-image:url(../images/back-arrow.png);
background-repeat:no-repeat;
background-position:left top;
}

.edit a:hover{
color:#c32511;
}

.edit a:hover span{
background-position:left bottom;
}

.gantt_hdr {
    border-bottom: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    border-top: 1px solid #c0c0c0;
    height: 16px;
    overflow: hidden;
    position: absolute;
    text-align: center;
    top: 0;
}
.gantt_subjects {
    font-size: 0.8em;
}
.gantt_subjects div {
    height: 16px;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.gantt_subjects div.usuario-name {
    position: absolute;
    left: 4px;
    width: 326px;
    background-color: rgb(102, 204, 255);
}

.gantt_subjects div.cliente-name {
    position: absolute;
    left: 24px;
    width: 306px;
    //background-color: rgb(102, 204, 255);
}

.gantt_subjects div.operacion-name {
    position: absolute;
    left: 44px;
    width: 286px;
    //background-color: rgb(102, 204, 255);
}

.gantt_subjects div.objetivo-name {
    position: absolute;
    left: 64px;
    width: 266px;
    //background-color: rgb(102, 204, 255);
}

.task {
    color: #888;
    font-size: 0.8em;
    height: 12px;
    line-height: 16px;
    margin: 0;
    padding: 0;
    position: absolute;
    white-space: nowrap;
}
.task.label {
    width: 100%;
}

#filtro{
    margin: 15px;
}

#filtro input.calendar[type="text"] {
    background-image: url("../images/calendar-textbox.png");
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid #aaaaaa;
    cursor: pointer;
    height: 21px;
    width: 105px;
    margin-left: 20px;
}

#filtro .cmb-choosen {
    min-width: 230px;
    vertical-align:baseline;
}
#filtro .chzn-container-single .chzn-single{
    min-width: 230px;
    vertical-align:baseline;
    //background-clip: padding-box;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #aaaaaa;
    border-radius: 0;
    box-shadow: none;
    color: #444444;
    //display: inline;
    height: 23px;
    line-height: 24px;
    overflow: hidden;
    padding: 0 0 0 8px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

[class*="col-"] {
    float: left;
}

.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

[class*="margen-left-"] {
    float: left;
}

.margen-left-1 {width: 8.33%;}
.margen-left-2 {width: 16.66%;}
.margen-left-3 {width: 25%;}


.cards {
    background-color: #00bfff;
    border-radius: 50%;
    box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.9);
    display: block;
    float: left;
    margin: 10px;
    overflow: hidden;
    position: relative;
    opacity: 0.7;
}
.formview{
    margin-top: 30px;
}
.formview .columns > .col-left , .formview .columns > .col-right {
    width: 45%;
    padding: 10px;
}
.formview .columns > div >label {
    display: block;
}
#navigation form {
    display: inline;
}
#navigation form button[type="submit"]{
    padding: 10px;
    color: #c32511;
    font-weight: 700;
    border: 1px solid transparent;
    display: inline;
    background: transparent;
}
#navigation form button[type="submit"]:hover {
    background: #d0cfcf33;
    color: #ea2910;
    box-shadow: 0px 0px 6px -4px black;
    border: 1px solid #d0cfcf33;
}
.record_properties{
    width: 97%;
    text-align: left;
    margin: 10px 0px 25px 40px;
}
.sub_title{
    padding: 10px;
    font-size: 12pt;
    font-weight: 700;
    color: #c32511;
    text-shadow: 1px 1px 0px #ababab;
    border-bottom: 1px solid #ddd;
    border-top: 2px solid #ddd;
    text-align: center;
    margin-top: 40px;
    text-transform: uppercase;
}
.sub_title > a {
    float: left;
    font-size: 12px;
}
.sub_nav{
    position: relative;
    float: right;
    top: -25px;
    right: 20px;
}
.redonlyFilde {
    font-size: 14px;
    font-weight: 600;
    color: #0077ff;
    padding-top: 5px;
}

.btnRemoveInTable button{
    background: transparent;
    border: none;
    color: #ff1700;
    padding: 0;
    margin: 0;
}
.btnRemoveInTable{
    display: inline;
}

.infoHeadr {
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    margin-top: 25px;
    background-color: rgba(255,255,255,0.9);
    color: #c32511;
}
.errors{
    color: #f00;
}
section#mensajes ,section#mensajesBottom{
    display: inline-block;
}
.gold{
    color: gold;
}
.separator {
    background: #d1d2ca;
    width: 100%;
    height: 2px;
    margin-top: 20px;
}
.calendar {
    margin-top: 5px;
}
.vmsg{position: absolute; color: #f00a36; font-size: 11px;}