﻿/*css document*/

*{margin: 0;padding: 0;}

a, a:link, a:visited, a:active
{color: #fff;
text-decoration: none;
outline: none;
}


a:hover
{
color: #fff;
text-decoration: none;
outline: none;
}



body
{
width: 100%;
height: 100%;
margin: 0;
padding: 0;	
font: 76%/140% Verdana,Arial,Helvetica,sans-serif;
color: #fff;
text-align: center;
background-color:#482F22!important;
background: url(imag/bghorizontal2.jpg) top left repeat;
background-attachment: fixed; 
text-align: center;
}


#contenedor
{
position: relative;
width: 98%;
margin-left: 1%;
margin-right: 1%;
height: auto;
text-align: center;
}


/****************************************************TOOLTIP********************************/
a.info {
    position:relative;
    z-index:24; background-color:transparent;
    color:white;
    text-decoration:none;
} 
a.info:hover {
    z-index:25; background-color:transparent;
} 
a.info span {  /* Esta es la que hace que el texto en el span no se despliegue en el estado normal de la URL*/
    display: none;
} 
a.info:hover span {  /* Esta zona es la que hace que se despliegue cuando nos ubicamos sobre el texto de la URL o la imagen dentro de la URL*/
    display:block;
    position:absolute;
    top:2em;
    left:2em;
    width:123px;
height: 51px;
    /*background-color:#F2ECE1!important;*/
    color:#fff;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding:  2px 0 5px 0;
    background: url(imag/tooltip.png) top left no-repeat;
}
/****************************************************TOOLTIP********************************/

/****************************************************NAV********************************/

#nav 
{
position: relative;
width: 90%; 
margin-left: 5%;
margin-right: 5%;
margin-top: 10px;
margin-bottom: 0;
padding-bottom: 15px;
height: 100px;
color : #fff; 
font-weight : bold;
font-size: 1.1em;
font-family: Verdana,Arial,Helvetica,sans-serif;
line-height: 115px;
} 


#nav ul 
{ 
list-style-type: none;
} 


#nav li 
{ 
display: inline; 
} 


#nav li a 
{ 
color: #fff; 
text-decoration: none; 
padding: 35px 34px 33px 33px;
background: url(imag/circ.png) no-repeat center center;
} 


#nav li a:hover 
{  
color: #fff;  
background: url(imag/star.png) no-repeat center center;
} 


#nav li a.ara
{  
color: white; 
font-weight: bold;
background: url(imag/star.png) no-repeat center center;
} 


#nav li a:hover.ara 
{ 
color: white; 
}


/****************************************************NAV********************************/




/************************************************************ COLUMNAS ***********************************************/





#header 
{ 
width: 73%;
margin-left: 14%;
margin-right: 6%;
margin-top: 105px;
margin-bottom: 51px;
padding: 6px 0 50px 0;
position: relative;
color: #fff;
text-align: left;
font-size: 1.5em;
line-height:33px;	
overflow:hidden;
background: url(imag/linea.png) bottom center no-repeat;
}



#top
{
width: 96%; 
margin-left: 1%;
margin-right: 1%;
height: 330px; 
top: 0; 
padding: 0;
position: relative;
border: 1px solid white;
}

#idiom 
{ 
float: right;
text-align: center; 
margin-right: 11%;
margin-top: 0;
display: block;
} 

#idiom a 
{ 
width: 132px; 
height: 98px; 
display: block; 
color: #fff; 
line-height: 46px; 
font-weight: bold;
position: fixed;
z-index: 1; 
}
 
#idiom a:hover 
{ 
width: 132px; 
height: 98px;
display: block; 
color: #FF9F40;
text-decoration: underline; 
line-height: 46px;
font-weight: bold;  
}

#topimatge
{
width: 80%; 
margin-right: 10%;
margin-left: 10%;
height: 96px; 
top: 0;
bottom: 0; 
padding: 0;
position: relative;
text-align: center;
background: url(imag/plant.png) no-repeat top left;
}




.toptext
{
width: 80%; 
margin-right: 10%;
margin-left: 10%;
height: 264px; 
top: 0;
bottom: 10px; 
padding: 0;
position: relative;
text-align: center;
}




.logo
{
position: relative;
float: left;
margin-left: 14%;
width: 250px;
height: 250px;
margin-top: 2px;
padding:0;
text-align: center;
}



.titleclass
{
float: right;
width: 40%; 
margin-right: 2%;
margin-top: 24px;
height: 181px; 
bottom: 10px; 
padding: 0;
position: relative;
text-align: center;
background: url(imag/clauleft.png) bottom left no-repeat;
}



.titlepag
{
float: right;
width: 24%;
height: 60px;
margin-top: 6px;
margin-bottom: 6px;
margin-right: 15%;
text-align: center;
position: relative;
padding: 0 0 1px 0;
color: #FF9F40;
font-family: Georgia,Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
font-style: italic;
font-size: 2.4em;
line-height: 60px;
border-bottom: 1px dashed #FF9F40;
}


.titolgeneral
{
width: 98%;
height: 42px;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
margin-left: 0;
text-align: center;
position: relative;
padding: 0 0 0  0;
color: #fff;
font-family: Georgia,Verdana,Arial,Helvetica,sans-serif;
font-weight: bold;
font-size: 1.5em;
line-height: 42px;
}


.titlepagserv
{
position: relative;
width: 98%;
height: 60px;
margin-right: 2%;
padding: 0;
text-align: right;
color: #fff;
font-weight: bold;
font-size: 1.5em;
line-height: 42px;
background: url(imag/sub_title2.png) bottom right no-repeat;
}



.galeries
{
position: relative;
width: 98%;
height: 33px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
padding: 0;
text-align: center;
}



.links
{
float: left;
position: relative;
width: 10%;
height: 100px;
margin-left: 0;
margin-top: 0;
padding: 0;
text-align: left;
}





.logopk
{
position: relative;
float: left;
width: 150px;
height: 150px;
margin-top: 15px;
margin-left: 0;
padding:0;
text-align: center;
}










#metod
{
width: 73%;
margin-left: 10%;
margin-right: 10%;
margin-top: 0;
margin-bottom: 51px;
padding: 0 0 50px 0;
text-align: justify;
font-size: 1.1em;
line-height:1.6em;	
overflow:hidden;
background: url(imag/linea.png) bottom center no-repeat;
border: 1px dashed white;
background: url(imag/sub_title2.png) bottom right no-repeat;
}



.metod
{
width: 73%;
margin-left: 14%;
margin-right: 6%;
margin-top: 0;
margin-bottom: 51px;
padding: 0 0 50px 0;
text-align: justify;
font-size: 1.1em;
line-height:1.6em;	
overflow:hidden;
}


.metodgal
{
width: 70%;
margin-left: 15%;
margin-right: 15%;
margin-top: 0;
margin-bottom: 51px;
padding: 0 0 50px 0;
text-align: center;
font-size: 1.1em;
line-height:1.6em;	
overflow:hidden;
}




.block
{
float: left;
width: 31%;
text-align: left;
position: relative;
overflow: hidden;
margin-left: 0;
margin-right: 0;
margin-top: 10px;
padding-right: 6px;
padding-left: 6px;
padding-top: 0;
padding-bottom: 10px;

}


.shortmetod1
{
float: left;
width: 70%;
margin-left: 27%;
margin-top: 0;
margin-bottom: 6px;
padding: 10px;
text-align: justify;
font-size: 1.1em;
line-height:1.6em;	
overflow:hidden;
}



.shortmetod2
{
float: right;
width: 70%;
margin-right: 27%;
margin-top: 0;
margin-bottom: 6px;
padding: 10px;
text-align: justify;
font-size: 1.1em;
line-height:1.6em;	
overflow:hidden;
}


.columnclients 
{
width: 70%;
float: left;
margin-left: 15%;
margin-top: 0;
margin-bottom: 0;
padding-left: 10px;
padding-right: 8px;
padding-top: 6px;
padding-bottom: 50px;
text-align: center;
font-size: 1.1em;
line-height:1.6em;	
overflow:hidden;
background: url(imag/linea.png) bottom center no-repeat;
}





.introservcol1
{
float: right;
width: 47%;
text-align: left;
overflow: hidden;
margin-left: 1%;
margin-right: 5px;
padding-left: 5px;
padding-top: 0;
padding-bottom: 0;
color : #fff;
font-weight: normal;
font-size: 1em;
}

.introservcol2
{
float: right;
width: 262px;
text-align: left;
overflow: hidden;
margin-left: 10px;
margin-right: 21px;
padding-left: 5px;
padding-top: 0;
}



.servcol1, .servcol2, .servcol3
{
float: left;
width: 26%;
text-align: left;
overflow: hidden;
margin-left: 4%;
margin-right: 1%;
padding-right: 6px;
padding-left: 6px;
padding-top: 10px;
padding-bottom: 10px;
}
/*.servcol1
{
margin-left: 1%;
}
.servcol2
{
margin-left: 6%;
}

.servcol3
{
margin-left: 6%;
}*/



/************************************************************ COLUMNAS ***********************************************/






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

#footer 
{
width: 80%;
margin-left: 10%;
margin-right: 10%;
height: 200px;
overflow: hidden;
margin-bottom: 0;
position: relative;
padding: 0;
text-align: center;
overflow:hidden;
background: url(imag/plantfoot.png) bottom right no-repeat;
}




.footcol1
{
float: left;
width: 15%;
height: 200px;
margin-left: 9%;
margin-right: 6%;
margin-top: 10px;
padding-left: 6px;
padding-right: 10px;
text-align: left;
line-height:1.4em;
position: relative;
}


.foottitle
{
width: 98%;
height: 20px;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 10px;
padding-left: 6px;
text-align: left;
position: relative;
}

.footnav
{
width: 96%;
height: 60px;
margin-right: 1%;
margin-left: 1%;
margin-top: 0;
padding-top: 0px;
text-align: center;
line-height:6em;
position: relative;
}



/****************************************footnav************************/
#footnav ul 
{ 
list-style-type: none;
margin-bottom: 1px;
margin-top:0;
} 


#footnav li 
{ 
display: inline; 
} 


#footnav li a 
{ 
color: #fff; 
text-decoration: none; 
font-size: 10px;
font-weight: bold;
padding: 15px 2px 2px 2px;
} 


#footnav li a:hover 
{  
color: #fff;  
background: url(imag/starpk.png) no-repeat top center;
border-bottom: 1px solid #FF9F40;
} 


#footnav li a.ara
{  
color: white; 
font-weight: bold;
background: url(imag/starpk.png) no-repeat top center;
} 


#footnav a:hover.ara 
{ 
color: white; 
}

/****************************************footnav************************/



span.footerlinks
{
color: #fff;
text-decoration: none;
font-weight: bold;
border: 1px solid white;
}


span.footerlinks a, span.footerlinks a:link, span.footerlinks a:visited, span.footerlinks a:hover, span.footerlinks a:active
{
height: 24px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10px;
color: #fff;
text-decoration: none;
padding: 10px 6px;
line-height: 10px;
}


span.footerlinks a:hover
{
color: #fff;
text-decoration: none;
border-bottom: 1px dotted white;
background-image: url(imag/nav.png);
}

.footinfo
{
width: 96%;
height: 114px;
margin-right: 1%;
margin-left: 1%;
margin-top: 1px;
padding: 2px;
text-align: center;
line-height: 2em;
position: relative;
background: url(imag/logfoot.png) bottom center no-repeat;
}



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


/************************************************************* IMAGENES *********************************************/


.imgcontact
{
float: right;
width: 172px;
height: 172px;
outline:none;
text-decoration:none;
position: relative;
text-align: center;
display: block;
margin: 6px 6px 0 15px;
padding:0;
}


.imgfloatleft
{
float: left;
width: 356px;
height: 203px;
margin: 6px 15px 0 6px;
padding: 2px 2px 0 2px;
position: relative;
display: block;
}


.imgfloatright
{
float: right;
width: 356px;
height: 203px;
margin: 6px 6px 0 15px;
padding: 2px 2px 0 2px;
position: relative;
display: block;
border: 1px solid white;
}



.galeriesimg
{
float: left;
width: 24px;
height: 24px;
margin: 2px;
padding: 0;
text-align: center;
}


.galeriesimg a:link, .galeriesimg a:visited, .galeriesimg a:active
{
width: 16px;
height: 16px;
margin-left: 4px;
margin-right: 2px;
margin-top: 2px;
margin-bottom: 2px;
padding: 3px;
display: block;
border: 1px dotted white;
}

.galeriesimg a:hover
{
width: 16px;
height: 16px;
margin-left: 4px;
margin-right: 2px;
margin-top: 2px;
margin-bottom: 2px;
padding: 3px;
display: block;
border: 1px solid transparent;
}



.clauleft
{
float: left;
width: 39px;
height: 204px;
position: relative;
margin: 0;
padding: 0;
background: url(imag/clauleft.png) center no-repeat;
}

.clauright
{
float: right;
width: 39px;
height: 204px;
position: relative;
margin-right: 0;
padding: 0;
background: url(imag/clauright.png) center no-repeat;
}


.leftshadow
{
float: left;
width: 12px;
height: 204px;
position: relative;
margin: 0;
padding: 0;
background: url(imag/leftshadow.png) no-repeat bottom left;
}


.rightshadow
{
float: right;
width: 12px;
height: 204px;
position: relative;
margin-right: 0;
padding: 0;
background: url(imag/rightshadow.png) center no-repeat;
}




.iconnumleft
{
width: 51px;
height: 51px;
float: left;
margin:0;
padding: 2px;
}


.tick
{
width: 16px;
height: 16px;
float: left;
margin:0;
padding: 2px 2px 0 0;
}



#imgclients1,#imgclients2,#imgclients3,#imgclients4,#imgclients5,#imgclients6
{
float: left;
outline:none;
text-decoration:none;
position: relative;
text-align: center;
margin-top: 10px;
margin-left: 6%;
margin-right: 1%;
margin-bottom: 24px;
padding:0;
}
#imgclients1
{
background: url(imag/cpfl.jpg) center center no-repeat;
}
#imgclients2
{
background: url(imag/mmlgt.jpg) center center no-repeat; 
}
#imgclients3
{
background: url(imag/mess.jpg) center center no-repeat; 
}
#imgclients4
{
background: url(imag/lauravila.jpg) center center no-repeat; 
}
#imgclients5
{
background: url(imag/ac.jpg) center center no-repeat; 
}
#imgclients6
{
background: url(imag/pcom.jpg) center center no-repeat; 
}
#imgclients1 a:link, #imgclients1 a:visited, #imgclients1 a:active
{
width: 289px;
height: 113px;
outline:none;
text-decoration:none;
padding: 0;
display: block;
border: 2px dashed #fff;
}
#imgclients1 a:hover
{
width: 289px;
height: 113px;
outline:none;
text-decoration:none;
padding: 0;
display: block;
background: url(imag/cpfl_h.jpg) center center no-repeat;
}
#imgclients2 a:link, #imgclients2 a:visited, #imgclients2 a:active
{
width: 289px;
height: 113px;
outline:none;
text-decoration:none;
padding: 0;
display: block;
border: 2px dashed #fff;
}
#imgclients2 a:hover
{
width: 289px;
height: 113px;
outline:none;
text-decoration:none;
padding: 0;
display: block;
background: url(imag/mmlgt_h.jpg) center center no-repeat;
}
#imgclients3 a:link, #imgclients3 a:visited, #imgclients3 a:active
{
width: 289px;
height: 113px;
outline:none;
text-decoration:none;
padding: 0;
display: block;
border: 2px dashed #fff;
}
#imgclients3 a:hover
{
width: 289px;
height: 113px;
outline:none;
text-decoration:none;
padding: 0;
display: block;
background: url(imag/mess_h.jpg) center center no-repeat;
}
#imgclients4 a:link, #imgclients4 a:visited, #imgclients4 a:active
{
width: 289px;
height: 113px;
outline:none;
text-decoration:none;
padding: 0;
display: block;
border: 2px dashed #fff;
}
#imgclients4 a:hover
{
width: 289px;
height: 113px;
outline:none;
text-decoration:none;
padding: 0;
display: block;
}
#imgclients5 a:link, #imgclients5 a:visited, #imgclients5 a:active
{
width: 289px;
height: 113px;
outline:none;
text-decoration:none;
padding: 0;
display: block;
border: 2px dashed #fff;
}
#imgclients5 a:hover
{
width: 289px;
height: 113px;
outline:none;
text-decoration:none;
padding: 0;
display: block;
background: url(imag/ac_h.jpg) center center no-repeat;
}
#imgclients6 a:link, #imgclients6 a:visited, #imgclients6 a:active
{
width: 289px;
height: 113px;
outline:none;
text-decoration:none;
padding: 0;
display: block;
border: 2px dashed #fff;
}
#imgclients6 a:hover
{
width: 289px;
height: 113px;
outline:none;
text-decoration:none;
padding: 0;
display: block;
background: url(imag/pcom_h.jpg) center center no-repeat;
}


.imggraf
{
float: left;
width: 289px;
height: 113px;
outline:none;
text-decoration:none;
position: relative;
text-align: center;
margin-top: 10px;
margin-left: 6%;
margin-right: 1%;
margin-bottom: 24px;
padding:0;
border: 2px dashed #fff;
}


a img 
{
border : none !important;
outline:none;
text-decoration:none;
}

img a:hover
{
border : none !important;
outline:none;
text-decoration:none;
}


/************************************************************* IMAGENES *********************************************/





/************************************************************* ESTILOS *********************************************/


.p
{
width: 2px;
height: 24px;
}

h1
{
color: #fff;
font-size: 1.3em;
font-weight:normal;
text-align: left;
line-height: 33px;
}


.annacora
{
float: left;
width: 25%; 
margin-left: 3%;
height: 60px; 
top: 69px;
bottom: 10px; 
padding: 0;
position: relative;
text-align: center;
border-bottom: 1px dashed #FF9F40;
}




span.h1
{
font-family: Georgia,Verdana,Arial,Helvetica,sans-serif;
color : #fff;
font-weight: bold;
font-size: 1.9em;
text-align: left;
padding: 2px;
margin: 2px;
line-height: 64px;
background: url(imag/brown_clean.png) bottom left repeat;
}

span.h1color
{
color : #FF9F40;
font-weight: bold;
font-size: 1.3em;
text-align: left;
padding: 0;
margin: 0;
line-height: 33px;
}


span.contact
{
color: #fff;
font-size: 1.1em;
font-weight:normal;
text-align: left;
line-height: 19px;
}

.h1
{
color: #F12563;
font-size: 1.1em;
font-weight:normal;
}


h2
{
color : #fff;
font-weight: normal;
font-size: 1.1em;
padding-top: 6px;
padding-bottom: 6px;
font-weight:normal;
}

a.h2:link, a.h2:visited, a.h2:active
{ 
color: #FF9F40; 
text-decoration: none;
border-bottom: 1px dotted #FF9F40;
font-weight: bolder;
}
 
a.h2:hover
{ 
color: #fff;
text-decoration: none;
border-bottom: 1px solid #fff;
font-weight: bolder; 
background-image: url(imag/nav.png);
}


span.h2
{
color : #fff;
font-weight: normal;
font-size: 1.1em;
}


span.title
{
color: #000;
font-weight: normal;
font-size: 1.2em;
}


h3 
{
position: relative;
width: 100%;
height: 60px;
margin-right: 0;
margin-left: 0;
margin-top: 15px;
margin-bottom: 15px;
padding: 0;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 1.3em;
line-height: 55px;
background: url(imag/sub_title2.png) bottom center no-repeat;
}

a.h3:link, a.h3:visited, a.h3:active
{
color:#fff;
text-decoration: none;
font-size: 1.3em;
font-weight:normal;
text-align: center;
}

a.h3:hover
{
color: #fff;
background-image: url(imag/nav.png);
text-decoration: underline;
}

h4
{
color: #fff;
font-size: 11px;
text-align: center;
font-weight:bold;
padding-bottom: 6px;
line-height: 14px;
}

.call
{
color: #fff;
font-size: 1.1em;
font-weight: bold;
text-align: left;
}

.cont
{
color: #fff;
font-size: 10px;
font-weight: normal;
}

h5
{
color: #fff;
font-size: 11px;
text-align: left;
font-weight:bold;
padding: 2px;
line-height: 14px;
}

h6
{
font-size: 11px;
color: #e3d5bf;
font-family:  Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
}


a.h6:link, a.h6:visited, a.h6:active
{ 
font-size: 11px;
text-decoration: none;
font-weight: normal;
text-align: right;
border-bottom: 1px dotted #fff;
color : #fff;
}
 
a.h6:hover
{ 
font-size: 11px;
text-decoration: none;
font-weight: normal;
text-align: right;
background: url(imag/brown_clean.png) center center repeat-x;
color:#FF9F40;
border-bottom: 1px dotted #FF9F40;
}


.clientstxt
{
float: right;
width: 240px;
outline:none;
text-decoration:none;
position: relative;
text-align: center;
font-size: 14px;
font-weight:bold;
margin-top: 37px;
margin-bottom: 10px;
margin-right: 3%;
padding: 0;
border-bottom: 1px dotted #fff;
}



a.clientslinkcpf:link, a.clientslinkcpf:visited, a.clientslinkcpf:active, a.clientslinkmess:link, a.clientslinkmess:visited, a.clientslinkmess:active,
a.clientslinkac:link, a.clientslinkac:visited, a.clientslinkac:active,a.clientslinkml:link, a.clientslinkml:visited, a.clientslinkml:active,
a.clientslinklv:link, a.clientslinklv:visited, a.clientslinklv:active,a.clientslinkpc:link, a.clientslinkpc:visited, a.clientslinkpc:active
{
color:#fff;
border-bottom: 2px dotted #F2ECE1;
text-decoration: none;
font-size: 1em;
font-weight:bold;
text-align: center;
margin-left: 9%;
}

a.clientslinkcpf:hover,a.clientslinkmess:hover,a.clientslinkac:hover,a.clientslinkml:hover,a.clientslinklv:hover,
a.clientslinkpc:hover
{
color: #000;
background-color: #F2ECE1;
text-decoration: none;
font-weight:bold;
}

.metodtxt{ color:#e3d5bf; font-size: 1.5em; font-weight: bold; }


span.copyright
{
font-size: 9px;
color: #e3d5bf;
font-family:  Verdana,Arial,Helvetica,sans-serif;
font-weight: normal;
}



/************************************************************* ESTILOS *********************************************/




/************************************************************* CONTACT *********************************************/


#contactheader 
{
float: right; 
width: 363px; 
height: 262px; 
margin-right : 0;
top: 0; 
padding: 0;
position: relative;
background: url(imag/coff.png) top right no-repeat;
}



#contactmetod
{
width: 90%;
height: 480px;
float: left;
margin-left: 5%;
margin-top: 0px;
margin-bottom: 0;
padding-left: 10px;
padding-right: 8px;
padding-top: 6px;
text-align: justify;
font-size: 1.1em;
line-height:1.6em;	
overflow:hidden;
}


#imCel8_00 /*form izqda*/
{
float: left;
position: relative; 
top: 0px;
bottom: 100px; 
left: 10%; 
height: 420px; 
width: 38%; 
overflow: hidden;
}

#imObj8_00 form 
{
margin: 0; 
padding: 0; 
text-align: left; 
width: 360px;
font: 14px Verdana; 
color: #fff; 
line-height: 19px; 
}


#imObj8_00 fieldset 
{
margin: 0; 
padding:0; 
border: none;
}


#imObj8_00 fieldset legend 
{
visibility: hidden;
}


#imObj8_00 .imInput 
{
font: 14px Verdana; 
color: #fff; 
line-height: 17px;   
background-color: transparent;
border: 1px dotted #fff;
}


#imObj8_00 .imInput_0 
{
width: 90%; 
}


#imObj8_00 .imInput_1 
{
width: 65%; 
}


#imObj8_00 .imInput_2 
{
width: 45%; 
}


#imObj8_00 .imInput_3 
{
margin: 0; padding: 0; 
}


#imObj8_00 #imAgreePanel 
{
border-top: 1px solid #770D45; 
margin-top: 7px;
}


#imObj8_00 .imFormButton 
{
font: 14px Verdana; 
color:#fff; 
border: 1px dotted #fff; 
background-color: transparent; 
margin: 0 1px 0 1px; 
}


#imObj8_00 
{
padding: 5px; 
}


#imCel8_00_Cont 
{
text-align: center; 
height: 395px; 
overflow: hidden; 
}


#imCel8_00 form 
{
margin: 0 auto; 
}


#imCel0_00 /*text der*/
{
float: left;
position: relative; 
top: 0px;
bottom: 100px; 
left: 11%;
height: 460px; 
width: 40%; 
overflow: hidden;
/*background: url(imag/linea.png) bottom center no-repeat;*/
background: url(imag/phone.png) bottom right no-repeat;
}


#imObj0_00 .ff0 
{
font-family: "Times New Roman"; 
}


#imObj0_00 .ff1 
{
font-family: Tahoma; 
}


#imObj0_00 .ff2 
{
font-family: Verdana; 
}


#imObj0_00 .fc1 
{
color: #FFFFFF; 
}


#imObj0_00 .fc2 
{
color: #000000; 
}


#imObj0_00 .fs10 
{
font-size: 14px ; 
vertical-align: baseline; 
line-height: 16px ; 
}


#imObj0_00 
{
padding: 0 0 0 16px; 
}


#imCel0_00_Cont 
{
text-align: left; 
height: 395px; 
overflow: hidden;
}


#imPage 
{
position: relative; 
height: 435px; 
}

.imAlign_justify 
{
text-align: justify; 
}

.imAlign_center 
{
text-align: center; 
}

/************************************************************* CONTACT *********************************************/







/************************************************************* LISTAS *********************************************/

 ol, ul 
{
list-style: none;
}





.ulserv
{
list-style: none;
padding-right: 15px;
color : #fff;
font-weight: normal;
font-size: 1em;
}


.ulserv li
{
background-image: url(imag/icon.png);
list-style: none;
background-position: left center;
background-repeat: no-repeat;
padding-left: 15px;
display: block;
color : #fff;
font-weight: normal;
font-size: 1em;
}

.ulfoot
{

list-style: none;
padding-right: 10px;
padding-left: 10px;
font-weight: normal;
}



.ulfoot li
{
background-image: url(imag/iconpk.png);
list-style: none;
background-position: left bottom;
background-repeat: no-repeat;
padding-left: 10px;
padding-right: 10px;
display: block;
font-weight: normal;
font-family:  Verdana,Arial,Helvetica,sans-serif;
}


.ulfoot li a
{
border-bottom: 1px dotted #fff;
color:#fff;
font-size: 10px;
}


.ulfoot li a:hover
{
background: url(imag/brown_clean.png) center center repeat-x;
color:#FF9F40;
border-bottom: 1px dotted #FF9F40;
font-size: 10px;
}
/************************************************************* LISTAS *********************************************/




/************************************************************* CLEAR *********************************************/

.clearboth
{
clear: both;
height: 1px;
position: relative;
}


.clearright
{
height:1px;
clear: right;
}


.clearleft
{
clear: left;
height: 1px;
}

/************************************************************* CLEAR *********************************************/