@font-face {
    font-family: Intro;
    src: url('../font/Intro.otf');    
}
.PDI{
    font-weight:700;
    color:rgb(0,118,114);
}

.Snegreta,.Snegretacursiva{
    font-family:arial !important;
    font-weight:bold;
}

body{
    margin:0;
}

.selected{
    overflow:hidden;
    position:absolute;
    left:0px;
    top:0px;
    z-index:100;
}

#mframe{
    position:absolute;
    z-index:9000;
    background-color:#000;
}

#multimediabox{
    position:absolute;
    z-index:9001;
    background-color:rgb(0,168,134);
    margin:0 auto 0 auto;
    border-radius: 5px;
    border:5px solid #FFFFFF;
    width:400px;
    height:200px;
}

#imagen{
    overflow:hidden;
    height:100%;
}

body{
    margin:0px;
}

#audio li,#video li,#link li,#videoinicial li,#activitatinicial li,#activitat li,#imatge li,#angles li,#text li,#diversitat li,#avaluacio li,#programacio li, #lamines li, #minirepte li, #procediment li, #videoanimacio li, #links li, #audiointern li, #audioextern li, #atenciodiversitat li{
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    list-style: none;
}

.R1llistabolitxe ul{
    margin-top:10px;
}
#orientaciones,#solucio,#solucions,#audio,#video,#link,#videoinicial,#activitatinicial,#activitat,#imatges,#angles,#text,#diversitat,#avaluacio,#programacio,#lamines,#minirepte,#procediment,#videoanimacio,#audiointern,#audioextern,#documents,#links,#atenciodiversitat{
    position:relative;
    width:400px;
    margin-left:136px;
    top:7px;
    left:-18px;
    background-color:rgb(0,168,134);
    border-radius: 5px;
    z-index:100;
}
.customScrollBox{
    margin-top: 22px;
}
#orientaciones .customScrollBox,#solucions .customScrollBox,#audio .customScrollBox,#video .customScrollBox,#link .customScrollBox,#videoinicial .customScrollBox,#activitatinicial .customScrollBox,#activitat .customScrollBox,#imatge .customScrollBox,#angles .customScrollBox,#text .customScrollBox,#diversitat .customScrollBox,#avaluacio .customScrollBox,#programacio .customScrollBox, #links .customScrollBox{
    position:absolute;
    height:100%;
    width:100%;
    overflow:hidden;
}
#orientaciones .customScrollBox  > .container > .content,#solucions .customScrollBox > .container > .content{margin-top:5px!important;}
#orientaciones .customScrollBox .container,#solucions .customScrollBox .container{
    position:relative;
    width:360px;
    float:left;
}

#video .customScrollBox .container,#link .customScrollBox .container,#videoinicial .customScrollBox .container,#activitatinicial .customScrollBox .container,#activitat .customScrollBox .container,#imatge .customScrollBox .container,#angles .customScrollBox .container,#text .customScrollBox .container,#diversitat .customScrollBox .container,#avaluacio .customScrollBox .container,#programacio .customScrollBox .container{
    position:relative;
    max-width:380px;
    float:left;
}

#orientaciones .customScrollBox .container .content,#solucions .customScrollBox .container .content{
    font-size:12px;
    line-height:20px;
    padding-top: 5px;
    padding-bottom:5px;
}

#audio .customScrollBox .container .content,#video .customScrollBox .container .content,#link .customScrollBox .container .content,#videoinicial .customScrollBox .container .content,#activitatinicial .customScrollBox .container .content,#activitat .customScrollBox .container .content,#imatge .customScrollBox .container .content,#angles .customScrollBox .container .content,#text .customScrollBox .container .content,#diversitat .customScrollBox .container .content,#avaluacio .customScrollBox .container .content,#programacio .customScrollBox .container .content{
    font-size:12px;
    line-height:20px;
    padding-top: 1px;
    padding-bottom:1px;
}

#orientaciones .dragger_container,#solucions .dragger_container,#audio .dragger_container,#video .dragger_container,#link .dragger_container,#videoinicial .dragger_container,,#activitatinicial .dragger_container,#activitat .dragger_container,#imatge .dragger_container,#angles .dragger_container,#text .dragger_container,#diversitat .dragger_container,#avaluacio .dragger_container,#programacio .dragger_container{
   margin-top:4px;
   height:98%;
   width:3px;
   border-radius:2px;
   background-color:white;
   position:absolute;
   right:12px;
   top:0px;
   margin-top:2px;
   margin-right:6px;
}

#orientaciones .dragger,#solucions .dragger,#audio  .dragger,#video  .dragger,#VI  .dragger,#extern  .dragger{
    width:12px !important;
    height:12px !important;
    border-radius:6px;
    background-color:white;
    position:absolute;
    right:-4px;
    top:-2px;
    cursor:pointer;
}


.Rcursiva,.Scursiva,.Snegretacursiva{
    font-style:italic;
}

.Scursiva,.Snegretacursiva{
    font-family:arial !important;
}

.Rdestacatcolor{
    color:rgb(0,118,114);
}

p,li:not([.unitat]){
    font-family:arial;
}

.content{
    font-family:arial;
}

.Rcursiva{
    font-family:arial !important;
}

.Rphonetic{
    font-family:phonetic;
}

.Rphonetic,.Sphonetic{
    font-family:Phonetic;
}

.Versaleta
{
    font-variant:small-caps;
}

#orientaciones .content>*:not([class='ootitle']):first-child,#solucions .content>*:not([class='sstitle']):first-child{
    margin-top:0px;
    padding-top:0px;
}

#orientaciones .content>*:first-child .Snumero p,#solucions .content>*:first-child .Snumero p{
    margin-top:0px;
    padding-top:0px;
}

.Rtextentrat{
    position:relative;
    margin-left:28px;
    color:white;
}

.R1llistabolitxe{
    position:relative;
    margin-left:-12px;
    width:315px;
}

.Rtextentrat{
    width:335px;
}

.R2llistaguio,.R2llistaA,.R2llistanumeros{
    width:300px;
}

.Rtextentrat2{
    position:relative;
    margin-left:36px;
    width:320px;
    color:white!important;
}

.Rreferencia{
    position:relative;
    text-align:right;
    font-size:10px;
    right:0px;
    width:350px;

}

.content li{
    margin-bottom:8px;
}

.bocata a:hover{
    color:white !important;
}

.content ul ul{
    /*margin-top:12px;*/
}

.content ol, ul ol{
    /*margin-top:6px;*/
    margin-bottom:12px;
}

ul ul li.R2llistanumeros,ul ul li.R2llistaguio,ul ul li.R2llistaA, ul ol li.R2llistanumeros,ul ol li.R2llistaguio,ul ol li.R2llistaA,ol ol li.R2llistanumeros,ol ol li.R2llistaguio,ol ol li.R2llistaA{
    position:relative;
    margin-left:-21px !important;
}

p.R2llistanumeros,p.R2llistaA{
    position:relative;
    left:32px;
}

li.R2llistanumeros,li.R2llistaA{
    position:relative;
    left:3px;
}

.R2llistanumeros{
    width:300px;
}

.content p{
    clear:both;
}

.R2llistaguio{
    position:relative;
    margin-left:8px;
}

.Sllista10{
    left: 16px;
    padding: 10px;
    position: relative;
    clear:both;
    margin-top:10px;
}

.Sllista10 p{
    left:15px !important;
}

.STllista{
    position:relative;
    right:26px;
}

.R3llistanumeros,.R3llistaguio,.R3llistaA{
    position:relative;
    margin-left:18px;
    width: 307px;
}

li ul .R3llistanumeros,li ul .R3llistaguio,li ul .R3llistaA{
    position:relative;
    margin-left:18px;
    width: 260px;
}

.Rentrada{
    width:87%;
    font-weight: 700;
    margin-left:15px;
    position:relative;
    left:15px;
    color:white;
}

.R2llistaA,.SllistaA{
    list-style-type:upper-alpha;
}

.SllistaA{
    margin-left:53px;
    /*font-weight:bold;
    color:rgb(0,118,114);   */
}

.Rreferenciacursiva{
    font-family:arial !important;
    font-style:italic;
}

.Rsuperindex,.Rsubindex{
    font-size:xx-small;
}

.STseccio,.STtext,.STllista{
    margin-left:28px;
    width:328px;
}

.STseccio{
    font-weight:bold;
}

.Rsuperindex{
    vertical-align:top;
}

.Rsubindex{
    vertical-align:bottom;
}

.R2llistaguio,.Rllistaguio,.R3llistaguio,.STllista{
    list-style:none;
}

/*.Rllistaguio:before ,.R2llistaguio:before ,.R3llistaguio:before ,.STllista:before{
    content: "-";
    position:relative;
    left:-15px;
}*/

.llistaguio ,.R2llistaguio ,.R3llistaguio,.STllista{
    list-style-image: url("../icones/less.png");
}

/*div.orientacions *{
    width:340px;
}*/

#orientaciones a img,#solucions a img{
    border:none;
}

#orientaciones img:not([id]),#solucions img:not([id]),a[class] img{
    position:relative;
    top:4px;
    left:2px;
    width:16px;
    height:16px;
    margin-right:2px;
}
#solucions img:not([id]){    
    height:auto!important;
    width:auto!important; 
}


img[class='imatgeanclada']{
    width:auto;
    height:auto;
}

.Sllista{
    position: relative;
    left: 30px;
    padding: 10px;
    clear: both;
    margin-top: 10px;
    margin-left: -40px;    
}


.Sllista .Snumero:first-child, .Sllista10 .Snumero:first-child{
    margin-right:5px;
}

.delete{
    display:none;
    margin:0px;
    height:0px;
}

.sllistacontent{
    float: left;
    width: 372px;
}

.columnes{
    margin-left: 53px;
    position: relative;
    top: -4px;
    line-height: 12px;
}

.Sentrat{
    position:relative;
    margin-left:40px;
    width:315px;
}

.Slletracolor{
    font-family: Arial;
    font-weight: bold;
    font-size:13px !important;
}

.Snumero {
    background-color: #000;
    border-radius: 12px;
    font-size: 18px !important;
    height: 14px;
    padding: 5px 5px 4px 7px;
    width: 8px;
    font-family: Intro;
    /*font-weight: 700;*/
}

.Sseccio,.Rseccio{
    position:relative;
    text-transform:uppercase;
    font-weight: bold;
    font-size:13px !important;
    max-width:360 !important;
}

li.SllistaA{
    margin-left: 32px;
    width: 290px;
}

div.SllistaA{
    width: 290px;
}

.Sseccio{
    margin-left:53px;
    width: 318px;
    font-weight: bold;
    font-size: 14px;
    color:white!important;
}

.Rseccio{
    margin-left:29px;
}

.Rnegreta,.Rnegretacursiva{
    color:#FFFFFF;
    font-weight: bold;
    font-family:arial !important;
}

.Rnegretacursiva{
    font-style:italic;
}
.Stitulets,.Stitulets2{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
}
.SIresposta,.Stitulets,.Stitulets2{
    margin-left:38px;
    width: 314px;    
}
.Stitulets2{margin-top: 30px;}
.SIpregunta{
    width: 314px;
}
.SIpregunta{
    /*font-weight:700;*/
    color: #A0D7F5;
    margin-bottom:2px;
    font-size: 12px;
}

.SIresposta{
    margin-top:0;
    color:#fff;
    font-size: 12px;
    font-family: Arial;
    margin-top: -5px;
}

.columna{
    bottom:25px;
    float:left;
    margin-right:15px;
}

.para-style-override-11 .Snumero p{left:12px;}
input:-webkit-input-placeholder { font-size: 12px}
input:-moz-placeholder { font-size: 12px}
input:-ms-input-placeholder { font-size: 12px;}
input:-moz-placeholder { font-size: 12px;}
#valor{text-align: center;font-size: 12px;}@font-face {
    font-family: Intro;
    src: url('../font/Intro.otf');    
}
.PDI{
    font-weight:700;
    color:rgb(0,118,114);
}

.Snegreta,.Snegretacursiva{
    font-family:arial !important;
    font-weight:bold;
}

body{
    margin:0;
}

.selected{
    overflow:hidden;
    position:absolute;
    left:0px;
    top:0px;
    z-index:100;
}

#mframe{
    position:absolute;
    z-index:9000;
    background-color:#000;
}

#multimediabox{
    position:absolute;
    z-index:9001;
    background-color:rgb(0,168,134);
    margin:0 auto 0 auto;
    border-radius: 5px;
    border:5px solid #FFFFFF;
    width:400px;
    height:200px;
}

#imagen{
    overflow:hidden;
    height:100%;
}

body{
    margin:0px;
}

#audio li,#video li,#link li,#videoinicial li,#activitatinicial li,#activitat li,#imatge li,#imatges li,#angles li,#text li,#diversitat li,#avaluacio li,#programacio li, #lamines li, #minirepte li, #procediment li, #videoanimacio li, #links li, #audiointern li, #audioextern li, #atenciodiversitat li, #documents li{
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    list-style: none;
}

.R1llistabolitxe ul{
    margin-top:10px;
}
#orientaciones,#solucio,#solucions,#audio,#video,#link,#videoinicial,#activitatinicial,#activitat,#imatges,#angles,#text,#diversitat,#avaluacio,#programacio,#lamines,#minirepte,#procediment,#videoanimacio,#audiointern,#audioextern,#documents,#links,#atenciodiversitat{
    position:relative;
    width:400px;
    margin-left:136px;
    top:7px;
    left:-18px;
    background-color:rgb(0,168,134);
    border-radius: 5px;
    z-index:100;
}

#procediment .customScrollBox,#links .customScrollBox, #documents .customScrollBox, #orientaciones .customScrollBox,#solucions .customScrollBox,#audio .customScrollBox,#video .customScrollBox,#link .customScrollBox,#videoinicial .customScrollBox,#activitatinicial .customScrollBox,#activitat .customScrollBox,#imatge .customScrollBox,#angles .customScrollBox,#text .customScrollBox,#diversitat .customScrollBox,#avaluacio .customScrollBox,#programacio .customScrollBox, #atenciodiversitat .customScrollBox{
    position:absolute;
    height:100%;
    width:100%;
    overflow:hidden;
}

#procediment .customScrollBox, #links .customScrollBox, #documents .customScrollBox, #audio .customScrollBox,#video .customScrollBox,#link .customScrollBox,#videoinicial .customScrollBox,#activitatinicial .customScrollBox,#activitat .customScrollBox,#imatge .customScrollBox,#angles .customScrollBox,#text .customScrollBox,#diversitat .customScrollBox,#avaluacio .customScrollBox,#programacio .customScrollBox, #atenciodiversitat .customScrollBox{
    margin-top: 3px;
}

#orientaciones .customScrollBox .container,#solucions .customScrollBox .container{
    position:relative;
    width:360px;
    float:left;
}

#video .customScrollBox .container,#link .customScrollBox .container,#videoinicial .customScrollBox .container,#activitatinicial .customScrollBox .container,#activitat .customScrollBox .container,#imatge .customScrollBox .container,#angles .customScrollBox .container,#text .customScrollBox .container,#diversitat .customScrollBox .container,#avaluacio .customScrollBox .container,#programacio .customScrollBox .container{
    position:relative;
    max-width:380px;
    float:left;
}

#orientaciones .customScrollBox .container .content,#solucions .customScrollBox .container .content{
    font-size:12px;
    line-height:20px;
    padding-top: 5px;
    padding-bottom:5px;    
    margin-bottom: 50px;
}

#audio .customScrollBox .container .content,#video .customScrollBox .container .content,#link .customScrollBox .container .content,#videoinicial .customScrollBox .container .content,#activitatinicial .customScrollBox .container .content,#activitat .customScrollBox .container .content,#imatge .customScrollBox .container .content,#angles .customScrollBox .container .content,#text .customScrollBox .container .content,#diversitat .customScrollBox .container .content,#imatges .customScrollBox .container .content,#avaluacio .customScrollBox .container .content,#programacio .customScrollBox .container .content{
    font-size:12px;
    line-height:20px;
    padding-top: 1px;
    padding-bottom:1px;
}

#orientaciones .dragger_container,#solucions .dragger_container,#audio .dragger_container,#video .dragger_container,#link .dragger_container,#videoinicial .dragger_container,,#activitatinicial .dragger_container,#activitat .dragger_container,#imatge .dragger_container,#angles .dragger_container,#text .dragger_container,#diversitat .dragger_container,#avaluacio .dragger_container,#programacio .dragger_container{
    margin-top:4px;
    height:98%;
    width:3px;
    border-radius:2px;
    background-color:white;
    position:absolute;
    right:12px;
    top:0px;
    margin-top:2px;
    margin-right:6px;
}

#orientaciones .dragger,#solucions .dragger,#audio  .dragger,#video  .dragger,#VI  .dragger,#extern  .dragger{
    width:12px !important;
    height:12px !important;
    border-radius:6px;
    background-color:white;
    position:absolute;
    right:-4px;
    top:-2px;
    cursor:pointer;
}
#imatges{
    left:-30px!important;
}
#imatges .customScrollBox > .container > .content{
    margin-top: 2px;    
}
.activitat > .fletxa{margin-left: 12px!important;}
#activitat{left:-31px!important;}
#minirepte .customScrollBox > .container > .content{margin-top:20px!important;}
.videoanimacio > .fletxa{margin-left:11px!important;}
#minirepte{height:auto!important;}
#minirepte, #procediment{left:-30px!important;}
#atenciodiversitat{left:-31px!important;}
/*#links{height:15%!important;}*/
#links{left:-31px!important;}
#links .customScrollBox > .container > .content > .option-list{margin-top:16px;}
/*#documents{height:10%!important;}*/
.Rcursiva,.Scursiva,.Snegretacursiva{
    font-style:italic;
}

.Scursiva,.Snegretacursiva{
    font-family:arial !important;
}

.Rdestacatcolor{
    color:rgb(0,118,114);
}

p,li:not([.unitat]){
    font-family:arial;
}

.content{
    font-family:arial;
}

.Rcursiva{
    font-family:arial !important;
}

.Rphonetic{
    font-family:phonetic;
}

.Rphonetic,.Sphonetic{
    font-family:Phonetic;
}

.Versaleta
{
    font-variant:small-caps;
}

#orientaciones .content>*:not([class='ootitle']):first-child,#solucions .content>*:not([class='sstitle']):first-child{
    margin-top:0px;
    padding-top:0px;
}

#orientaciones .content>*:first-child .Snumero p,#solucions .content>*:first-child .Snumero p{
    margin-top:0px;
    padding-top:0px;
}

.Rtextentrat{
    position:relative;
    margin-left:28px;
}

.R1llistabolitxe{
    position:relative;
    margin-left:-12px;
    width:315px;
}

.Rtextentrat{
    width:335px;
}

.R2llistaguio,.R2llistaA,.R2llistanumeros{
    width:300px;
}

.Rtextentrat2{
    position:relative;
    margin-left:30px;
    width:320px;
}

.Rreferencia{
    position:relative;
    text-align:right;
    font-size:10px;
    right:0px;
    width:350px;

}

.content li{
    margin-bottom:8px;
}

.bocata a:hover{
    color:white !important;
}

.content ul ul{
    /*margin-top:12px;*/
}

.content ol, ul ol{
    /*margin-top:6px;*/
    margin-bottom:12px;
}

ul ul li.R2llistanumeros,ul ul li.R2llistaguio,ul ul li.R2llistaA, ul ol li.R2llistanumeros,ul ol li.R2llistaguio,ul ol li.R2llistaA,ol ol li.R2llistanumeros,ol ol li.R2llistaguio,ol ol li.R2llistaA{
    position:relative;
    margin-left:-21px !important;
}

.infotext{
    left: 40px;
    position: relative;
    top: -21px;
    width: 308px;
}

p.R2llistanumeros,p.R2llistaA{
    position:relative;
    left:32px;
}

li.R2llistanumeros,li.R2llistaA{
    position:relative;
    left:3px;
}

.R2llistanumeros{
    width:300px;
}

.content p{
    clear:both;
}

.R2llistaguio{
    position:relative;
    margin-left:8px;
}

.Sllista10{
    left: 2px;
    padding: 10px;
    position: relative;
    clear:both;
    margin-top:10px;
}

.Sllista10 > .infotext{left:28px!important;}

.Sllista10 p{
    left:15px !important;
}

.STllista{
    position:relative;
    right:26px;
}

.R3llistanumeros,.R3llistaguio,.R3llistaA{
    position:relative;
    margin-left:18px;
    width: 307px;
}

li ul .R3llistanumeros,li ul .R3llistaguio,li ul .R3llistaA{
    position:relative;
    margin-left:18px;
    width: 260px;
}

.Rentrada{
    width:87%;
    font-weight: 700;
    margin-left:15px;
    position:relative;
    left:15px;
    color:white;
}

.R2llistaA,.SllistaA{
    list-style-type:upper-alpha;
}

.SllistaA{
    margin-left:53px;
    /*font-weight:bold;
    color:rgb(0,118,114);   */
}

.Rreferenciacursiva{
    font-family:arial !important;
    font-style:italic;
}

.Rsuperindex,.Rsubindex{
    font-size:xx-small;
}

.STseccio,.STtext,.STllista{
    margin-left:28px;
    width:328px;
}

.STseccio{
    font-weight:bold;
}

.Rsuperindex{
    vertical-align:top;
}

.Rsubindex{
    vertical-align:bottom;
}

.Rllistaguio,.R3llistaguio,.STllista{
    list-style:none;
}

/*.Rllistaguio:before ,.R2llistaguio:before ,.R3llistaguio:before ,.STllista:before{
    content: "-";
    position:relative;
    left:-15px;
}*/

.llistaguio ,.R2llistaguio ,.R3llistaguio,.STllista{
    /*list-style-image: url("../icones/less.png");*/
}

/*div.orientacions *{
    width:340px;
}*/

#orientaciones a img,#solucions a img{
    border:none;
}

#orientaciones img:not([id]),#solucions img:not([id]),a[class] img{
    position:relative;
    top:4px;
    left:2px;
    width:16px;
    height:16px;
    margin-right:2px;
}
#solucions img:not([id]){    
    height:auto!important;
    width:auto!important; 
}


img[class='imatgeanclada']{
    width:auto;
    height:auto;
}

.Sllista{
    position: relative;
    left: 30px;
    padding: 10px;
    clear: both;
    margin-top: 10px;
    margin-left: -40px;    
}


.Sllista .Snumero:first-child, .Sllista10 .Snumero:first-child{
    margin-right:5px;
}

.delete{
    display:none;
    margin:0px;
    height:0px;
}

.sllistacontent{
    float: left;
    width: 372px;
}

.columnes{
    margin-left: 53px;
    position: relative;
    top: -4px;
    line-height: 12px;
}

.Sentrat{
    position:relative;
    margin-left:40px;
    width:315px;
}

.Slletracolor{
    font-weight: bold;
    font-size:13px !important;
}

.Snumero {
    background-color: #000;
    border-radius: 12px;
    font-size: 15px !important;
    height: 14px;
    padding: 5px 5px 4px 7px;
    width: 8px;
    font-family: Intro;
    /*font-weight: 700;*/
}

.Snumero p{
    left: 29px;
    position: absolute;
    top: -4px;
}

.Sseccio,.Rseccio{
    position:relative;
    text-transform:uppercase;
    font-weight: bold;
    
    max-width:360 !important;
}
.Sdestacat{
    font-family: Arial;
    font-weight: bold;
    font-size:12px !important;
}

li.SllistaA{
    margin-left: 32px;
    width: 290px;
}

div.SllistaA{
    width: 290px;
}

.Sseccio{
    margin-left:41px;
    width: 318px;
    font-size:13px !important;
    color:white;
}

.Rseccio{
    margin-left:29px;
    font-size:13px !important;
}

.Rnegreta,.Rnegretacursiva{
    color:#FFFFFF;
    font-weight: bold;
    font-family:arial !important;
}

.Rnegretacursiva{
    font-style:italic;
}
.Stitulets,.Stitulets2{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
}
.SIresposta,.Stitulets,.Stitulets2{
    margin-left:38px;
    width: 314px;    
}
.SIpregunta{
    width: 314px;
}
.SIpregunta{
    /*font-weight:700;*/
    color: #A0D7F5;
    margin-bottom:2px;
    font-size: 12px;
}

.SIresposta{
    margin-top:0;
    color:#fff;
    font-size: 12px;
    font-family: Arial;
    margin-top: -5px;
}

.columna{
    bottom:25px;
    float:left;
    margin-right:15px;
}
.quaderninteractiu{
    font-weight: bold;
    font-family: Arial;    
}

.para-style-override-11 .Snumero p{left:12px;}
input:-webkit-input-placeholder { font-size: 12px}
input:-moz-placeholder { font-size: 12px}
input:-ms-input-placeholder { font-size: 12px;}
input:-moz-placeholder { font-size: 12px;}
#valor{text-align: center;font-size: 12px;}