@charset "UTF-8";
/* CSS Document*/

/* ESTILOS GENERALES */ 
body {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#575767; margin: 0px; padding: 0px; background:#053a5f url(../imagenes/cabecera_01.jpg) repeat-x; }
html, body { }
table,td,tr {font-family: Arial, Helvetica, sans-serif; font-size: 14px; 	color:#575767;}
img {border:0px; margin:0px; padding:0px;}

/* ESTILOS CAJAS GLOBALES*/  
#web { width:100%; text-align: center;}
#marco {width: 900px; background: url(../img/fondo_web.png) repeat-x;  margin:auto;}
#contenido {margin: 0 auto 0 auto;	width: 800px; padding: 0; background: url(../img/fondo_marco.png) repeat-x;text-align: left;}
#cabecera {	margin: 0 auto 0 auto;	width: 800px; padding: 0; height: 145px; background: #fff url(../imagenes/cabecera_02.jpg) top left no-repeat;}
#interior {width: 800px;  margin: 0 auto 0 auto; background: url(../imagenes/fondocontenido.jpg) top center repeat-y; /*min-height:400px;*/}
#pie {width: 780px; margin: 0 auto 0 auto;  background: url(../imagenes/fondopie.png) no-repeat center top ;clear:both; }

/* ESTILOS PARA LA CABECERA DE LA WEB*/

#cabecera h1#logo {height: 116px;	width: 400px; margin: 0px 0 0 34px;	padding: 0px; float:left;}
#cabecera h1#logo a {	display: block; height: 116px; width: 400px;}
#cabecera h1#logo span {display:none;}

#cabecera h2#slogan {	/*position: absolute;*/ font-family:verdana, Helvetica, sans-serif; font-size:24px; font-weight:bold; text-transform: none; color: #2269ba; margin: 0; padding: 45px 0 0 150px; /*top: 65px; left: 40px;*/}
#cabecera h2#telefono {	/*position: absolute;*/	font-family:verdana, Helvetica, sans-serif; font-size:18px; font-weight:bold;	text-transform: none; color: #2269ba; margin: 0; padding: 10px 0 0 0; /*top: 65px; left: 40px;*/}
#menu {  background: #fff url(../imagenes/fondomenu.jpg) top left no-repeat; width: 800px; height:96px; margin:0px; padding:0px;}
#menu ul {list-style: none;	margin: 0px 0 0 60px; padding: 6px 0 0 0;}
#menu li {display: inline; }




/* ESTILOS PARA EL PIE DE PAGINA*/

#pie { color:#FFF;  font-size:12px; text-align:center; background-color:}
#pie h4 { color:#999; margin:35px 0 6px 0; font-weight:normal}
#pie a { color:#FFF; text-decoration: none;	}
#pie a:hover {color: #787878; text-decoration:underline}
#pie #fondo {clear:both;padding:50px 30px; }
.rasmia{ font-size:9px; color:#999; margin: 45px 0 0 0;}
#direccion { padding: 0 0 0 69px;}


/* ESTILOS PARA LA HOME*/
#textos { width:700px; padding: 10px 35px 0 50px;}
#cu3er-container {width:650px; outline:0; margin:0px; padding:0px;}
#menu_actividades {margin:0px; padding:0px;}
#menu_actividades h3#almacenaje {background-image:url(../img/boton_almacenaje.png); height: 122px;	width: 268px; margin: 0px;	padding: 0px; float:left;}
#menu_actividades h3#almacenaje a {display: block; height: 122px; width: 268px;}
#menu_actividades h3#almacenaje a:hover {display: block; height: 122px; width: 268px; background-image:url(../img/boton_almacenaje_b.png);}
#menu_actividades h3#manipulacion {background-image:url(../img/boton_manipulacion.png); height: 122px;	width: 260px; margin: 0px;	padding: 0px; float:left;}
#menu_actividades h3#manipulacion a {display: block; height: 122px; width: 260px;}
#menu_actividades h3#manipulacion a:hover {display: block; height: 122px; width: 260px; background-image:url(../img/boton_manipulacion_b.png);}
#menu_actividades h3#seguimiento {background-image:url(../img/boton_seguimiento.png); height: 122px;	width: 252px; margin: 0px;	padding: 0px; float:left;}
#menu_actividades h3#seguimiento a {display: block; height: 122px; width: 252px;}
#menu_actividades h3#seguimiento a:hover {display: block; height: 122px; width: 252px; background-image:url(../img/boton_seguimiento_b.png);}


#acceso_clientes {float:left;}
#acceso_clientes h4#acceso_directo {background-image:url(../imagenes/presupuesto.jpg); height: 153px;	width: 225px; margin: 0px;	padding: 0px; float:left;}
#acceso_clientes h4#acceso_directo a {display: block; height: 153px; width: 225px;}
#acceso_clientes h4 span {display:none;}

#contacto {float:left; }
#contacto h4#contacta {background-image:url(../imagenes/directo1.jpg); height: 153px;	width: 238px; margin: 0px;	padding: 0px; float:left;}
#contacto h4#contacta a {display: block; height: 153px; width: 238px;}
#contacto h4 span {display:none;}

#trabajos {float:left;}
#trabajos h4#contacta {background-image:url(../imagenes/mitrabajo.jpg); height: 153px;	width: 236px; margin: 0; padding: 0px; float:left;}
#trabajos h4#contacta a {display: block; height: 153px; width: 236px;}
#trabajos h4 span {display:none;}

/*ESTILOS LOCALIZACION*/
#cuerpo { width:734px; margin:0px 0 0 23px; padding:23px 0 0 0;}
#campeonato { width: 780px; margin:  0 auto 0 auto; min-height:700px; background:#fff url(../img/campeonato.jpg) top left no-repeat}
#fachada {margin: 0 0 20px 0}
#col_izquierda {float:left; width:50%;}
#col_derecha {float:right; margin: 25px 0 0 0}
#cuerpo h3 {font-family:verdana, Helvetica, sans-serif; font-size:36px; font-weight:bold; text-transform: none; color: #2269ba; margin: 0; padding: 0px;}
#cuerpo h4#buzon { background:url(../img/buzon.png) no-repeat top left; height:61px; font-family:verdana, Helvetica, sans-serif; font-size:15px; font-weight:bold; text-transform: none; color: #2c45be; margin: 0 0 15px 5px; padding: 0px 0 0 70px;}
#cuerpo h4#telefono { background:url(../img/telefono.png) no-repeat top left; height:46px; font-family:verdana, Helvetica, sans-serif; font-size:18px; font-weight:bold; text-transform: none; color: #2c45be; margin: 0 0 15px 5px; padding: 0px 0 0 70px;}
.mapagoogle {margin-right: 0px; float:right; width: 350px; height: 650px; border: 1px solid #CCC}

#campeonato1 {float:left; width:190px; margin: 370px 0 0 220px; }
#campeonato2 {float:right; margin: 380px 0 0 ; width:280px; }


/*PAGINAS GENERICAS*/
#aviso { width:734px; margin:0px 0 0 23px; padding:23px 0 0 0;}
#aviso h4{font-family:verdana, Helvetica, sans-serif; font-size:25px; font-weight:bold; text-transform: none; color: #2269ba; margin: 0; padding: 0px;}
#aviso h5{font-family:verdana, Helvetica, sans-serif; font-size:16px; font-weight:bold; text-transform: none; color: #999; margin: 10px 0; padding: 0px;}
#aviso p{margin:0px; padding:0px;}
.textos {font-size:14px;}
.destaca {color: #2c45be;}
.campeonato{ color:#000; font-size:12px;}

#submenu { width: 680px; margin:0px auto 10px auto; text-align:center; color:#03558e; }
#submenu ul {list-style: none;	margin: 0px 0 0 0px; padding: 6px 0 6px 0; border-bottom: #999 thin dashed;  border-top: #999 thin dashed;}
#submenu li {display: inline; }
#submenu a { color:#03558e; text-decoration:none;}
#submenu a:hover { color:#fff; background-color:#03558e;}

#cuerpoizda { width: 260px; float:left;}
#rotacion{ padding-right:10px;}

#contactaizda { width: 300px; float:left;}
#contacta{ width:345px;}

#clientes { padding: 10px 20px 15px 20px;}
#clientes p {margin: 10px 0 0 0;}

/* LAS LINEAS PARA FORMAR LA PARTE REDONDEADA */
#caja { width: 670px; /*ANCHO TOTAL DE LA CAJA*/ color: #676767; /*COLOR DEL TEXTO*/ text-align:left; margin:20px auto;}
#caja img{ margin: 0 15px 0 0;}
.redondeado { height: 1px; overflow: hidden; background-color: #d4d5d6; /* COLOR DE LA CAJA */}
.r1 { margin: 0 12px;}
.r2 { margin: 0 9px;}
.r3 { margin: 0 7px;}
.r4 { margin: 0 6px;}
.r5 { margin: 0 5px;}
.r6 { margin: 0 4px;}
.r7 { margin: 0 3px;}
.r8 { margin: 0 2px; height: 2px;}
.r9 { margin: 0 1px; height: 3px; }
.contenido { height: auto; padding: 0 15px; }
.azul { color:#03558e;}



/*ESTILOS GENERALES*/

.derecha{ float:right;}
.izquierda { float:left;}
.centratexto {text-align:center;}
.limpiar {clear:both;}

/* ESTILOS PARA BORRAR ESTILOS Y OCULTAR*/
.borrar { clear: both; }
.ocultar { display: none; }
.contenedor:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/ * html .contenedor {height: 1%;} /* End hide from IE-mac */


#galeria {
    margin: auto;
    border: 5px solid #C6F;
    overflow: hidden;
    position: relative;
    height: 400px;
    width: 600px;
}
#galeria img {
    display: none;
    height: 400px;
    width: 600px;
    position: absolute;
    left: 0px;
    top: 0px;
}