/* CSS KARPA */


body
{ 
	
	background: #FFFFFF;
	font: 8pt Verdana, Arial, Helvetica, sans-serif; 
	color: #666666;
	margin-top:15px;
	text-align:justify;
} 

#caixa
{
	text-align: justify;
	width: 840px;
	height:600px;
	margin:auto;
	background-image:url(../img/ondas_corporativas.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	
}

#caixa_2
{
	text-align: justify;
	width: 840px;
	height:600px;
	margin:auto;
	
	background-repeat:no-repeat;
	background-position:bottom;
	
} 

#caixaclientes
{
	text-align: justify;
	width: 840px;
	margin:auto;
	background-image:url(../img/ondas_corporativas.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#caixaclientes2
{
	text-align: justify;
	width: 840px;
	margin:auto;
	background-image:url(../img/ondas_corporativas.gif);
	background-repeat:no-repeat;
	background-position:bottom;
    border:border:1px solid #cccccc;
}


#caixafitxa_dreta
{
    width: 50%;
    float: left;
    clear: left;
    display: table;
}
#caixafitxa_esquerra
{
    width: 50%;
    float: right;
    clear: right;
    display: table;
}	

#peu
{
    display:block;
    clear:both;
font-family:Verdana, Arial, Helvetica, sans-serif;
size:7pt;
color:#b8b8b8;
width:840px;
height:10px;
background-color:#FFFFFF;
text-align:center;
margin:auto;
margin-top:3px;
padding-top:7px;
border-top:1px solid;
border-top-color:#ffb099;
}

#peu_2{
font-family:Verdana, Arial, Helvetica, sans-serif;
size:7pt;
color:#b8b8b8;
width:840px;
height:10px;
background-color:#FFFFFF;
text-align:center;
margin:auto;
margin-top:20px;
padding-top:7px;
border-top:1px solid;
border-top-color:#ffb099;
}

#menu
{
	height:6px;
	width:840px;
	padding-top: 30px;
	padding-bottom:14px;
	border-bottom:1px solid;
	border-bottom-color:#ffb099;
	background-image:url(../img/karpa_logo.jpg);
	background-position:right;
	background-repeat:no-repeat;
} 

#menu_print
{
	height:6px;
	width:840px;
	padding-top: 15px;
	padding-bottom:14px;
	border-bottom:1px solid;
	border-bottom-color:#ffb099;
    text-align:right;
    vertical-align:middle;} 

#caixa_blanca
{
	width:300px;
	padding-top:5px;
	z-index:1;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float:right;
	text-align:left;
} 



#submenu
{

	width:390px;
	height:13px;
	padding-top:5px;
	background-position:left;
	z-index:1;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float:left;
} 

#caixa_esquerra
{
margin-top:20px;
width:840px;
float:left;
}

#clientes_catalogo
{
  display:table;
	width:600px;
	padding-top:5px;
	z-index:1;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	float:right;
	text-align:right;
} 

#caixa_flash
{ 
padding-top:20px;
width: 840px; 
height:513px;
float:left;
position:relative;
z-index:2;
visibility:visible
} 

#caixa_flashos
{ 
padding-top:20px;
width: 400px;
float:left;
position:relative;
z-index:2;
visibility:visible
} 

#caixa_clientes
{ 
padding-top:20px;
width: 610px;
margin:auto;
}

#caixa_clientes_centrat
{ 
padding-top:20px;
width: 610px;
margin:auto;
text-align:center;
}

#caixa_clientes_2
{ 
margin:auto;
font-size: 8pt;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
width:300px;
}

#caixa_per_targes
{ 
padding-top:25px;
width: 840px;
}

#caixa_txt
{ 
padding-top:15px;
padding-right:10px;
width: 280px;  
float:right;
} 


#caixa_logos
{ 
padding-top:30px;
padding-right:10px;
width: 510px; 
float:right;
} 

#caixa_clientes
{ 
padding-top:50px;
padding-right:10px;
width: 800px;
} 



#caixa_multimedia
{
margin-left:15px;
border:1px solid #cccccc;
padding-top:10px;
padding-left:5px;
padding-right:5px;
padding-bottom:5px;
width:450px;
float:left;
}

#caixa_multimedia2
{
border:1px solid #cccccc;
width:450px;
 text-align:center;
 margin:auto;
}

#caixa_icones
{
margin-left:15px;
padding-right:5px;
width:450px;
float:left;
}

#caixa_descripcio
{
width:320px;
float:right;
text-align:justify;
}



#llistat
{
width:320px;
float:left;
text-align:justify;
}






/** formularios **/

.form1 {
	border: none;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #999999;
	background-color: #FFFFFF; 
	border: 1px solid #666666;
}


.form2 {
	border: none;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	color: #FFFFFF;
	background-color: #fe4d1a;
}


.img_esq
{
padding:4px;
border:1px solid #999999;
float:left;
}

.caixa_titol
{
/*width:300px;*/
/*padding-left:5px;*/
/*border:1px dotted #cccccc;*/
/*background-color:#ffffff;*/
padding-bottom:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#fe4d1a;
font-weight:bold;
}

.caixa_titol_foto
{
padding-left:10px;
padding-bottom:2px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#fe4d1a;
font-weight:bold;
}

.caixa_descripcio_foto
{

overflow:auto;
padding-bottom:10px;
padding-left:10px;
}



/*** Galeria fotos ***/

.contenedorfoto { 
     
   width:120px; 
   height:60px;   
   margin:auto;
} 



/** Textos **/

.tit_caja_proyectos
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    color:#666666;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalBackgroundWhite {
	background-color:#F2F2F2;
	filter:alpha(opacity=80);
	opacity:0.8;
}

.destacat
{
	font: 8pt Verdana, Arial, Helvetica, sans-serif; 
	color: #fe4d1a; 
}

.link
{
	font: 8pt Verdana, Arial, Helvetica, sans-serif; 
	color: #999999; 
	text-decoration:none;
	padding-bottom:7px;
	border-bottom:1px solid;
	border-bottom-color:#ffb099;
	z-index:2;
}


.linkhover
{
	font: 8pt Verdana, Arial, Helvetica, sans-serif; 
	color: #fe4d1a;
	text-decoration:none; 
	padding-bottom:7px;
	border-bottom:1px solid;
	border-bottom-color:#fe4d1a;
	z-index:2;
}


.linkfocus
{
	font: 8pt Verdana, Arial, Helvetica, sans-serif; 
	color: #fe4d1a;
	text-decoration:none; 
	padding-bottom:7px;
	border-bottom:1px solid;
	border-bottom-color:#fe4d1a;
	z-index:2;
}


.link_vermas
{
	font: 8pt Verdana, Arial, Helvetica, sans-serif; 
	color: #fe4d1a; 
	text-decoration:none;
	padding-bottom:7px;
	/*border-bottom:1px solid;*/
	border-bottom-color:#ffb099;
	z-index:2;
	white-space:nowrap;
}

.link_volver
{
	font: 8pt Verdana, Arial, Helvetica, sans-serif; 
	color: #999999; 
	text-decoration:none;
	padding-bottom:7px;
	/*border-bottom:1px solid;*/
	border-bottom-color:#ffb099;
	z-index:2;
	white-space:nowrap;
}


.linkhover_volver
{
	font: 8pt Verdana, Arial, Helvetica, sans-serif; 
	color: #fe4d1a;
	text-decoration:none; 
	padding-bottom:7px;
	/*border-bottom:1px solid;*/
	border-bottom-color:#fe4d1a;
	z-index:2;
	white-space:nowrap;
}

.link_cajas
{
	font: 8pt Verdana, Arial, Helvetica, sans-serif; 
	color: #fe4d1a;
	font-weight:bold;
	text-decoration:none;
}

.submenulink
{
	font: 8pt Verdana, Arial, Helvetica, sans-serif; 
	color: #999999; 
	text-decoration:none;
}

.submenulinkhover
{
	font: 8pt Verdana, Arial, Helvetica, sans-serif; 
	color: #fe4d1a;
	text-decoration:none; 
}


.linkclientes
{
font: 7pt Verdana, Arial, Helvetica, sans-serif;
color:#7193a9;
font-weight:bold;
text-decoration:none;
line-height:15px;
}


.linkclienteshover
{
font: 7pt Verdana, Arial, Helvetica, sans-serif;
color:#556e7e;
font-weight:bold;
text-decoration:none;
line-height:15px;
}

.linkpeu
{
font: 7pt Verdana, Arial, Helvetica, sans-serif;
color:#999999;
font-weight:normal;
text-decoration:none;
}


.linkpeuhover
{
font: 7pt Verdana, Arial, Helvetica, sans-serif;
color:#ffb099;
font-weight:normal;
text-decoration:none;
}


.txt_form
{
font: 7pt Verdana, Arial, Helvetica, sans-serif;
color:#333333;
font-weight:normal;
text-decoration:none;
}

a:link, visited
{
	text-decoration:none;

}


.tit_cajas
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#999999;
padding-left:5px;
}

.txt_cajas
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#FFFFFF;
}


.txt_resultado
{
background-image:url(../img/caixeta.gif);
width:317px;
background-repeat:no-repeat;
background-position:center;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#fe4d1a;

} 

/* FOTOS */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
margin: 5 5px 5px 5;
border:0px #556e7e solid;
}

.thumbnail:hover{
margin: 5 5px 5px 5;
background-color: transparent;
border:0px #556e7e solid;
}

.thumbnail:hover img{
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #FFFFFF;
padding: 5px;
left: -1000px;
border: 1px #fe4d1a solid;
visibility: hidden;
color: #666666;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width:0px;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/* CSS Rubén */

#marco {
 border: 2px #000000;
}

.titol_imggrande {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 10pt;
    font-weight:bold;
    text-decoration: none;
    text-align:left;
    color: #fe4113; 
    padding-left: 10px;   
}

.desc_imggrande {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 10pt;
    text-decoration: none;
    text-align:left;
    color: #666666;
    padding-left: 10px;
}

.btnCerrar {
    font-family: Verdana, Tahoma, Arial, Helvetica;
    font-size: 8pt;
}

.modalBackground {
	background-color:#D5D5D5;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.div_imggrande_scroll 
{
    width:722px; 
    overflow: scroll;
	overflow-x:scroll; 
	overflow-y:hidden;
    SCROLLBAR-FACE-COLOR:#fe4113;
    SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
    SCROLLBAR-SHADOW-COLOR: #ffffff;
    SCROLLBAR-3DLIGHT-COLOR: #ffffff;
    SCROLLBAR-ARROW-COLOR: #ffffff;
    SCROLLBAR-TRACK-COLOR: #ffffff;
    SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
    border: solid 1px #999999;
}

.cursor {
    cursor:pointer;
}

#caixa_noticies {
 font-size:10px;
}