.titol1, .titol2, .titol3, .titol4, .titol5, .titol6 {
	font-family: Arial;
	font-weight: bold;
	color: #000;
}
.titol1 {
	font-size: 16px;
}
.titol2 {
	font-size: 14px;	
	text-transform: uppercase; 		
}
.titol3 {
	font-size: 12px;
	color: #FFFFFF;
}
.titol4 {
	font-size: 11px;
	color: #FFFFFF;
	font-weight:bold;
}

.titol5 {
	font-size: 11px;
	color: #000000;
	font-weight:bold;
}

.modalPopupHeader {padding: 3px 10px 3px 10px;cursor: move;background-color:#BEBEBE; border-left:solid 1px Gray;border-right:solid 1px Gray;border-top:solid 1px Gray;color:Black;}
.modalPopupBody { background-color:#FFFFFF; border:solid 1px Gray;padding:10px 10px 10px 10px; }
.modalBackground {
  background:#000000;
  filter:alpha(opacity=10);
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);
  -moz-opacity:0.10;
  opacity:0.1;
}


#main #headerbody #pagebody { 
	
	margin: 0;
	padding-top:0px;
	width: 710px;
	vertical-align:top;
    text-align:left;
    background-color:inherit;
    clear:both;
	display:table;
}

.divGrupDades
{
    padding: 2px 2px 2px 10px !important;
    margin-bottom: 0px !important;
    border-bottom: solid 0px #AFAFAF !important;
    background-color:#BEBEBE !important;
    clear:both;
    display:block;
    min-height:15px;
}

.divTancaGrupDades 
{
   background-color:#FFFFFF !important;
   height:15px;
   clear:both;
   display:block; 
}

.divFiltresCerca
{
    padding-left: 0px !important;
    background-color:#F2F2F2 !important;
    padding-bottom: 5px;
    display:table;
}

.divAmpladaMaxima 
{
	padding-top: 0px;
	padding-bottom: 0px;
	text-align:left;
    width: 710px;
    border:solid 0px #ddd;
    background-color:inherit;
    display:block;
    clear:both;
}

.divMitjaAmpladaEsquerra
{
	float:left;
	padding: 0;
	text-align:left;
    width: 347px;
    border:solid 0px #ddd;
    background-color:inherit;
    display:block;
}

.divMitjaAmpladaDreta
{
	float:right;
	padding: 0;
	text-align:left;
    width: 347px;
    border:solid 0px #ddd;
    background-color:inherit;
    display:block;

}

.divMitjaAmpladaEsquerra80
{
	float:left;
	padding: 0;
	text-align:left;
    width: 560px;
    border:solid 0px #ddd;
    background-color:inherit;
    display:block;
}

.divMitjaAmpladaDreta20
{
	float:right;
	padding: 0;
	text-align:left;
    width: 134px;
    border:solid 0px #ddd;
    background-color:inherit;
    display:block;

}

.divMitjaAmpladaEsquerra90
{
	float:left;
	padding: 0;
	text-align:left;
    width: 631px;
    border:solid 0px #ddd;
    background-color:inherit;
    display:block;
}

.divMitjaAmpladaDreta10
{
	float:right;
	padding: 0;
	text-align:left;
    width: 63px;
    border:solid 0px #ddd;
    background-color:inherit;
    display:block;

}


/* griviews styles */

.divTopGridview
{
    padding: 3px 2px 3px 10px !important;
    margin-bottom: 0px !important;
    border-bottom: solid 0px #AFAFAF !important;
    border-top: solid 1px #FFFFFF !important;
    background-color:#018699 !important;
    clear:both;
    display:block;
    min-height:17px;
}

.CampHeaderList
{
    font: bold 11px Arial;
    color:#646464;
    padding-left:10px;
    padding-right:10px;
    background-color:#F2F2F2;
}

.CampGroupLevel1List
{
    padding-left:10px;
    padding-top:3px;
    padding-bottom:3px;
    font-weight:bold;
    color:#333;
    font-size:10px;
    background-color:#DFDFDF;
}

.CampGroupLevel2List
{
    padding-left:20px;
    padding-top:3px;
    padding-bottom:3px;
    font-weight:bold;
    color:#2296A6;
    font-size:11px;
}

.CampRowList 
{
    padding-left:10px;
    padding-right:10px;
    padding-top:3px;
    padding-bottom:3px;
    
}

.CampRowList1tab
{
    padding-left:20px;
    padding-right:10px;
    padding-top:3px;
    padding-bottom:3px;
}

.CampRowList2tab
{
    padding-left:30px;
    padding-right:10px;
    padding-top:3px;
    padding-bottom:3px;
}


.CompleteRowList 
{
    background: #FAFAFA url(images/rowseparator2.jpg) repeat-x bottom left;
}
.CampDades, .CampDadesCheck, .CampDadesOcult
{
    border:0px solid #BBB;
    font: normal 11px Arial;
    color :#646464;
    vertical-align:middle;
}

.Cargando
{
	margin:0;
	clear:both;
	float:right;
	font: normal 10px Arial;
    color:#018699;
    vertical-align:middle;
}

/* forms styles */

.TitolDades,.TitolDadesOcult
{
    padding-top: 2px;
    padding-left: 10px;
    font: normal 11px Arial;
    font-weight:normal;
    color:#646464;
    height:18px;
    vertical-align:top;
}

.TitolDadesOcult,.CampDadesOcult
{
    color:#656565 !important;
    background-color:#ccc;
}

.CampDadesCheck
{
    margin:0 !important;
    padding:0 !important;
    vertical-align:middle !important;
}

.CampDadesCapsa,.CampDadesCapsaReadOnly,.CampInfoCapsa,.CampDadesCapsaFiltre,.CampDadesCapsaCercador
{
    padding:1px;
    border-top:solid 1px #C1C1C1;
    border-left:solid 1px #C1C1C1;
    border-right:solid 1px #C1C1C1;
    border-bottom:solid 1px #C1C1C1;
    font: normal 11px Arial;
    color :#646464;
    vertical-align:top; 
    background-color:#FFFFFF;
}


.CampDadesCapsaFiltre
{
    background-color:#FFFFFF !important;
    border:solid 1px #C1C1C1 !important;
    color :#008698;
}

.CampDadesCapsaReadOnly
{
    background-color:#E0E0E0 !important;
    border-bottom:solid 1px #C1C1C1 !important;
}

.CampInfoCapsa
{
    border-top:solid 1px #C1C1C1 !important;
    border-left:solid 1px #C1C1C1 !important;
    border-right:solid 1px #C1C1C1 !important;
    border-bottom:solid 1px  #C1C1C1 !important;
    background-color:#E9F4F6 !important; /* Inicialmente #F2F2F2 */
    color:#646464 !important;
}

.CampDadesCapsaCercador
{
    padding:0px !important;
    background-color:#D6D6D6 !important;
    font: normal 11px Arial !important;
}

/* Texteditor styles */
.CampDadesCapsaEditor,.CampInfoCapsaEditor
{
    padding:5px;
    font: normal 11px Arial;
    color :#646464;
    vertical-align:top; 
    background-color:#FFFFFF;
    height:100%;
}

.CampInfoCapsaEditor
{
    background-color:#E9F4F6 !important;
    color:#646464 !important;
}


/*listas html*/
.CampDadesCapsaEditor ul, .CampDadesCapsaEditor ol, .CampInfoCapsaEditor ul, .CampInfoCapsaEditor ol, .CampDadesCapsa ul, .CampDadesCapsa ol, .CampInfoCapsa ul, .CampInfoCapsa ol, .CampDades ul , .CampDades ol
{
	margin: 10px 20px;
	padding: 0 25px;
}
ul.bola { list-style-image: url("images/bola.jpg"); }


/* Others */
.ResumError
{
	font: normal 11px Arial;
    color:#E20A17;
    padding-bottom:10px;
}

.ResumError ul, .ResumError ol {
	margin: 10px 20px;
	padding: 0 20px;
}

.CampError
{
	margin:0;
	padding-left:10px;
	font: normal 11px Arial;
    color:#E20A17;
    vertical-align:middle;
}

.BotoOpcioFletxa {
	
	padding-left:10px;
	padding-right:18px;  
    color: #008898;
    font: normal 11px Arial;
    background: transparent url(images/btnopciobg.jpg) no-repeat center right;
    vertical-align:middle;
	text-align:right;
	text-decoration:none;
	cursor:pointer;
	border:0;
}

.BotoOpcio {

    margin-left:10px;
    padding: 0px;  
    color: #008698;
    font: normal 11px Arial;
    background: #FFFFFF;
	vertical-align:middle;
	border:solid 1px #CFCFCF;
	cursor:pointer;
}

.BotoOpcioNoFons 
{
    margin-left:11px;
    padding: 0px;  
    color: #008698;
    font: normal 11px Arial;
    background: #ffffff;
	vertical-align:middle;
	border:solid 1px #CFCFCF;
	cursor:pointer;
}

.BotoOpcioPetit 
{
    margin-left:10px;
    padding: 0px;  
    color: #008698;
    font: normal 10px Arial;
    background: #FFFFFF;
	vertical-align:middle;
	border:solid 1px #CFCFCF;
	cursor:pointer;
}

.BotoFormulari { 
	margin-left:10px;
    padding: 0px;  
    color: #008698;
    font: normal 11px Arial;
    background: #FFFFFF;
	vertical-align:middle;
	border:solid 1px #CFCFCF;
	cursor:pointer;
}

.BotoFormulariLoad 
{
    margin: 0; 
	font: bold 11px Arial, Sans-serif; 
	border: solid 1px #FF0000; 
	padding: 0px; 
	background: #E20A17 url(http://catalogovodafone.smgrup.com/App_Themes/Default/images/ajaxloader.gif) no-repeat bottom right;
	color: #FFFFFF;
	display: block;
}

.Link {

    border:0px solid #BBB;
    font: normal 11px Arial;
    color :#028796;
    text-decoration:none;
    cursor:pointer;
}


/*desplazamientos en pixels*/

.marginleft10 { margin-left:10px !important; }
.marginright10 { margin-right:10px !important; }
.marginleft40 { margin-left:40px !important; }
.marginleft115 { margin-left:115px !important; }
.marginleft120 { margin-left:120px !important; }
.marginleft125 { margin-left:125px !important; }
.marginleft130 { margin-left:130px !important; }
.marginleft145 { margin-left:145px !important; }
.paddingleft10 { padding-left:10px !important; }
.paddingleft105 { padding-left:105px !important; }
.paddingright105 { padding-right:105px !important; }