@import "formulaire.css";
@import "referenciamiento.css";
@import "navigation.css";
@import "produits.css";
@import "paiement.css";
/*------------------------------------------------------*
*-- llamado a las css --------------------------------------*
*------------------------------------------------------*/
/*------------------------------------------------*
*---  WWW.ICARE-INTERNET-IBERICA.COM - agencia web 10-04-2008  --*
*------------------------------------------------*/
		
html {
   margin: 0;
   padding: 0;
}


body#intro {
	margin: 0;
	padding: 0;
	font:normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
	background: #000 url(../images/deco/bg_body.jpg) no-repeat center -2000px;
	color: #fff;
}
body {
	margin: 0;
	padding: 0;
	font:normal 12px/14px Verdana, Arial, Helvetica, sans-serif;
	background: #204b61 url(../images/deco/bg_body.jpg) no-repeat center top;
	color: #fff;
}
p, form, input {
	margin: 0;
	padding: 0;
}

select {
	color: #000;
	background-color: #fff;
}


 /*------------------------------------------------------*
  *--------    CSS BLOCS     						 ----*
  *------------------------------------------------------*/


#general{
	margin:0 auto;
	padding:0;
	width:100%;
}

/*Cabecera o  HEADER*/

#header{
	margin:0 auto;
	padding:0 0 0 38px;
	width:850px;
	height:263px;
	/*background:url(../images/deco/bg_header.jpg) no-repeat 0 0;*/
}
.bloc_buscar
	{
	float:right;
	margin:0;
	padding:5px;
	background-color:#111;
	color:#00a6f8;
	}
.filtre_buscar {
	border: 1px solid #00a6f8;
	background-color: #111;
	margin: 0;
	padding: 0;
	color: #00a6f8;
	font-size: 11px;
}

.filtre_buscar option:hover{background-color:#00a6f8;}
/*Contenido de la página Contenido  CONTENIDO */

#contenido_intro {
	margin:0 auto;
	padding:0;
	width:900px;
}
#contenido {
	margin:0 auto;
	padding:0 38px;
	width:812px;
}
.separator {
	margin:10px;
	padding:0;
	height:2px;
	
}


/*/// INICIO DE LAS COLUMNAS ///*/
#left_content{
	float:left;
	position:relative;
	margin:0;
	padding:0 0 0 20px;
	width:360px;
	left:0px;
}


/*/// parte de la derecha ///*/
#right_content{
	float:right;
	position:relative;
	width:400px;
	right:0px;
}

/*/// parte central ///*/
#middle_content
	{
	position:relative;
	margin:0;
	padding:0 20px;
	width:760px;
	right:0px;
	}
#middle_content a
	{
	color:#FFFFFF;
	}
#middle_content a:hover
	{
	text-decoration:none;
	}

/*/// FINAL DE COLUMNAS ///*/
/*Pie de página  FOOTER*/

#footer
	{
	margin:0 auto 20px auto;
	padding:0;
	width:888px;
	background:#1F4C61 url(../images/deco/bg_footer.gif) no-repeat center top;
	text-align: center;
	color: #00a6f8;
	font-size:10px;
	}
#footer_intro
	{
	margin:0 auto 20px auto;
	padding:0 ;
	width:888px;
	background:none;
	text-align: center;
	color: #00a6f8;
	font-size:10px;
	}

#footer a,#footer_intro a {
	color:#00a6f8;
	text-decoration:none;
	text-transform: capitalize;
}
#footer a:hover, #footer_intro a:hover {color:#fff;}


/*clase clear*/

.clear {
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}


 /*------------------------------------------------------*
  *--------------------------     CSS TÍTULOS INICIO   ----*
  *------------------------------------------------------*/
  
h1 {
	display:block;
	margin: 5px 0 20px 0;
	padding: 0 25px 0 0;
	width:355px;
	height:40px;
	line-height:35px;
	font:normal 20px/35px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:right;
	background:url(../images/deco/bg_h1.gif) no-repeat 0 0;
	color:#00a6f8;
}
  
h2 {
	margin: 20px 0 10px 0;
	padding: 0 0 0 10px;
	font:bold 18px/18px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#00a6f8;
	border-left:16px solid #00a6f8;
	border-bottom:1px solid #00a6f8;
}
  
h3 {
	margin: 0;
	padding: 0;
	color:#000;
}
h4 {
	margin: 0;
	padding: 0;
	color:#000;
}
h5 {
	margin: 0;
	padding: 0;
	color:#000;
}
h6 {
	margin: 0;
	padding: 0;
	color:#000;
}
		
 /*------------------------------------------------------*
  *-------    CSS COMPOSICIONES DE LOS CONTENIDOS      ----*
  *------------------------------------------------------*/

/* Texto */
#left_content p {margin:10px 0; color:#ccc;}

#middle_content p.prgf {margin:10px 0; padding:0 0 0 20px; color:#ccc;}
#left_content p strong, #middle_content p strong{color:#fff;}


/* Link */
a.int_link
	{
	margin:0;
	padding:0;
	font-weight:bold;
	text-decoration:none;
	color:#00a6f8;
	}
a:hover.int_link
	{
	background-color:#00a6f8;
	color:#fff;
	}
a.subir
    {
	display:block;
	margin:2px 0 10px 0;
	padding:0 25px 0 0;
	float:right;
	text-transform:uppercase;
	font-size:10px;
}


/* ENTRADA SECCION*/
a.bt_seccion1, a.bt_seccion2
	{
	display:block;
	position:relative;
	font:bold 20px/20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	text-decoration:none;
	color:#00a6f8;
	background-color:#1F4C61;
	}
a.bt_seccion1
	{
	float:left;
	margin:20px 0;
	padding:0 0 0 100px;
	}	
a.bt_seccion2
	{
	float:right;
	margin:20px 0;
	padding:0 100px 0 0;
	}
		
a.bt_seccion1 img, a.bt_seccion2 img {display:block; border:5px solid #fff;}

a:hover.bt_seccion1, a:hover.bt_seccion2 {color: #fff;}
a:hover.bt_seccion1 img, a:hover.bt_seccion2 img {border:5px solid #00a6f8;}


a.zoom_plan, a.bt_link
	{
	text-align:left;
	margin:20px 0 0 0;
	display:block;
	width:170px;
	height:30px;
	line-height:30px;
	background:url(../images/deco/bg_lien.gif) no-repeat 0 0;
	color:#00A6F8;
	text-decoration:none;
	padding:0 0 0 30px;
}
a:hover.zoom_plan, a:hover.bt_link {
	background:url(../images/deco/bg_lien.gif) no-repeat 0 -30px;
	color:#000;
}


ul.productos_librería
	{
	display:block;
	float:left;
	margin:0 0 20px 0;
	padding:0 0 0 20px;
	width:220px;
	}
ul.productos_librería li
	{
	margin:5px 0;
	padding:0 0 0 20px;
	list-style-type:none;
	background:url(../images/deco/puce_li.gif) no-repeat 0 2px;
	}
ul.productos_librería li a
	{
	margin:0;
	padding:0 0 0 20px;
	color:#00A6F8;
	}	
	
	
ul.productos_libreria_2
	{
	display:block;
	float:left;
	margin:0 0 20px 0;
	padding:0 0 0 20px;
	width:720px;
	}
ul.productos_libreria_2 li
	{
	margin:5px 0;
	padding:0 0 0 20px;
	list-style-type:none;
	background:url(../images/deco/puce_li.gif) no-repeat 0 2px;
	}
ul.productos_libreria_2 li a
	{
	margin:0;
	padding:0 0 0 20px;
	color:#00A6F8;
	}