/*
 * Fichero: public.css ,v1.0 08/04/2008 Mai Valls i Molleví
 *
 * Hoja de estilos para presentación de los elementos principales comunes a
 * toda la Web. Se establecen tamaños, fuentes, solores y otros atributos
 * en general.
 *
 * Media			  screen
 * Navegadores  IE5+, Mozilla 1.3+, Konqueror X, Opera X
 * CSS				  2
 * Fichero			styles.css
 * Version			v1.0
 * Autores			Mai Valls i Molleví <mvalls@df-digital.com>
 * Comentarios
 */

/* ESTILOS GENERALES */
/* Definición de estilos globales para la web */
body  		    		{ margin:0px; padding:0px; text-align:center; background-image: url(plantillas/img/3x3000_bg.gif); background-position: bottom right; background-repeat: no-repeat;} 
/*hr    		    		{ display: none; }
img   		    		{ border:none; }
ul 			     		{ margin:0px; padding:0px; }
li			      		{ list-style-type:none; }
p 			     		{ margin:0px; padding:0px; }
form         			{ margin:0px; padding:0px;}
form fieldset 			{ margin:0px; padding:0px; border:none; }
form fieldset legend  	{ display:none; }
label         			{ color:#262626;}
sup     			    { color:#FF0000;}
input         			{ font-size:12px; color:#333333;}
select   			    { font-size:12px; color:#333333;}
textarea    			{ font-family:Verdana, Arial; font-size:12px; color:#333333;}
h1, h2, h3, h4, h5 		{ margin:0px; padding:0px; font-family:Verdana, Arial; }
td         				{ vertical-align:top;}


*/

/* Reiniciamos los Margenes para partir de cero */
* { margin: 0px; padding: 0px; }

/* Declaramos el contenedor */
.contenedor { display: block; position: relative; width: 100%; height: 1%; top: 0%; left: 0%; text-align: center; vertical-align: top; clear:both; margin:0pt auto 0px; overflow:hidden; padding:0pt; }

/* HEADER */
.contenedor .header {display: inline; width: 100%; height: 100px; background-color: #000000; float: left;  }
/* Cabecera, la parte con contenido del header */
.contenedor .header .cabecera {clear:both; margin:0pt auto; padding:0pt; position:relative; vertical-align:top; width:982px; }
.contenedor .menu-superior  {margin: 0px; padding: 5px 0px 0px 0px; display: inline; width: 982px; height: 22px; text-align:right; float: left; clear: both; }
.menu-superior-linea  {margin: 0px; padding: 0px 0px 0px 0px; display: inline; width: 982px; height: 1px; text-align:center; float: left; clear: both; }
a.enl:link,a.enl:visited,a.enl:hover 	{ font-size:11px; text-decoration:none; font-family:Verdana, Ariala;}
a.enl:link 			 					{ color:#A6A6A6;}
a.enl:visited 	 						{ color:#A6A6A6;}
a.enl:hover 	   						{ color:#ffffff;}

/* 2 Columnas 50%-50& */
.col2f1 {margin: 0px; padding: 10px 0px 0px 0px; display: inline; width: 982px; height: 22px; float: left; clear: both;}
.col2f1-c1 { float: left; width: 49%; margin: 0px; padding: 0px 0px 0px 0px; text-align:left; }
.col2f1-c2 { float: right; width: 49%; margin: 0px; padding: 6px 0px 0px 0px; text-align:right;}

p.parrafito						{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333333; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px;}
p.parrafo						{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px;}
p.parrafo-destacado				{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#333333; margin:0px 0px 15px 0px; padding:0px 0px 0px 0px;}
p.parrafo-list					{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; margin:0px 0px 15px 15px; padding:0px 0px 0px 0px;}

/*li.parrafo 						{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#333333; margin:0px 0px 15px 0px; padding:0px 0px 0px 20px;}*/

/* MAIN */
a.enl-con:link,a.enl-con:visited,a.enl-con:hover 	{ font-size:11px; text-decoration:none; font-family:Verdana, Ariala;}
a.enl-con:link 			 					{ color:#626262;}
a.enl-con:visited 	 						{ color:#626262;}
a.enl-con:hover 	   						{ color:#FFA901;}
a.enl-con-gran:link,a.enl-con-gran:visited,a.enl-con-gran:hover 	{ font-size:12px; text-decoration:none; font-family:Verdana, Ariala;}
a.enl-con-gran:link 			 					{ color:#626262;}
a.enl-con-gran:visited 	 						{ color:#626262;}
a.enl-con-gran:hover 	   						{ color:#FFA901;}
.contenedor .comunicacion  		{display: block; width: 100%; height: 1%; float: left; margin: 0px 0px 5px 0px; padding: 15px 0px 0px 0px; clear: both; }/*{ display: block; margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px; width: 982px; height: 257px; text-align:center; clear: both; }
/*3 columnas */
.col3f1				{ clear:both; margin:0pt auto; padding:0pt; position:relative; vertical-align:top; width:982px; }
.col3f2-c1 			{ float:left; margin-top:0px; width:50%; text-align:left; }
.col3f2-c2 			{ float:left; margin-top:0px; margin-left:4px; width:241; text-align:center;}
.col3f2-c3 			{ float:right; margin-top:0px; width:24%; text-align:right;}
/*Boxes-c1 */
.box-2				{ width:485px; height:257px; padding:5px 0px 0px 0px;}
.top-box-2			{ height:32px; margin: 0px; padding: 0px 0px 0px 0px; clear: both;}
.bottom-box-2		{ width:485px; height:226px; margin: 0px; padding: 0px 0px 0px 0px; }
.box-3				{ width:485px; height:195px; padding:10px 0px 0px 0px; }
.top-box-3			{ height:32px; margin: 0px; padding: 0px 0px 0px 0px; clear: both;}
.bottom-box-3		{ width:485px; height:163px; margin: 0px; padding: 0px 0px 0px 0px; }
.box-4				{ width:485px; height:153px; padding:10px 0px 0px 0px; margin:0px 0px 0px 0px; }
.top-box-4			{ height:32px; margin: 0px; padding: 0px 0px 0px 0px; clear: both;}
.bottom-box-4		{ width:485px; height:121px; margin: 0px; padding: 0px 0px 0px 0px; }
/*Boxes-c2 */
.box-5				{ width:241px; height:327px; padding:5px 0px 0px 0px; }
.top-box-5			{ height:54px; margin: 0px; padding: 0px 0px 0px 0px; clear: both;}
.bottom-box-5		{ width:241px; height:273px; margin: 0px; padding: 0px 0px 0px 0px; }
.box-6				{ width:241px; height:291px; padding:10px 0px 0px 0px; }
.top-box-6			{ height:54px; margin: 0px; padding: 0px 0px 0px 0px; clear: both;}
.bottom-box-6		{ width:241px; height:216px; margin: 0px; padding: 0px 0px 0px 0px; }
/*Boxes-c3 */
.box-7				{ width:236px; height:257px; padding:5px 0px 0px 0px; }
.top-box-7			{ height:32px; margin: 0px; padding: 0px 0px 0px 0px; clear: both;}
.bottom-box-7		{ width:236px; height:225px; margin: 0px; padding: 0px 0px 0px 0px; }
.box-8				{ width:236px; height:358px; padding:10px 0px 0px 0px; }
.top-box-8			{ height:54px; margin: 0px; padding: 0px 0px 0px 0px; clear: both;}
.bottom-box-8		{ width:236px; height:283px; margin: 0px; padding: 0px 0px 0px 0px; }

/* CONTACTO*/
.contenedor .contacto  		{display: block; width: 100%; height: 1%; float: left; margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px; clear: both; }
.col2f2 					{ clear:both; margin:0pt auto; padding:0pt; position:relative; vertical-align:top; width:982px; }
.col2f2-c1 					{ float: left; width: 24%; margin: 0px; padding: 0px 0px 0px 0px; text-align:left; }
.col2f2-c2 					{ float: right; width: 74%; margin: 0px; padding: 0px 0px 0px 0px; text-align:left;}

/* 360 grados MKT Online */
.contenedor .comunicacion-360  		{display: block; width: 100%; height: 1%; float: left; margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px; clear: both; }/*{ display: block; margin: 0px 0px 0px 0px; padding: 15px 0px 0px 0px; width: 982px; height: 257px; text-align:center; clear: both; }

/* Footer o Pie */
.contenedor .footer {display: inline; width: 100%; float: left; height:100px; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:#7F7F80; vertical-align:top; }
.interior-footer	{clear:both; margin:0pt auto; padding:0pt; margin-top:15px; position:relative; vertical-align:top; width:982px; text-align:left; }


.cajita_text_ok{
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	padding-right:10px;
	padding-left:10px;	
	background-color:#eeeeee;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:700;
}

.cajita_text{
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	padding-right:10px;
	background-color:#eeeeee;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:700;
	height:390px;
}

.cajita_text_2{
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	padding-right:10px;
	padding-left:10px;
	background-color:#eeeeee;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
}

.parrafo{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
}

.parrafo_contacta{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	width:550px;
	margin-left:auto;
	margin-right:auto;
	border-top:1px solid #ffa901;
}

.recuadrito{
	width:690px;
	border:1px solid #CCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.titulito{
	width:690px;
	height:20px;
	background-color:#000;
}

.explicacion_recuadrito{
	font-size:12px;
	font-weight:normal;
	float:left;
	width:250px;
	padding-left:10px;
}

.fotito_recuadrito{
	float:right;
	width:400px;
	padding-right:10px;
}

.parrafo_general{
	padding-left:10px;
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	width:670px;
}

.celdas_clientes{
	margin:10px;
	border-bottom:1px solid #cccccc;
	padding-bottom:10px;
	padding-top:10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;	
}

.titular_celda{
	font-weight:bold; font-size:18px; font-family:Verdana, Geneva, sans-serif;
}