﻿
/* colores 

naranja:#ff6600;
naranja2:#FB9450
naranja3: #FCB282;
najajared: #ff4500; 

Naranja fuerte de links: #FB4204
gris1:#EAEAEA; 
gris2:#DCDCDC; 
gris3:#ABB0B6; 
gris4:##6A6F75;
azul:#006699; 

gris oscuro casi negro:#1F2022
                                   

*/


body  { background-color:#1F2022;
        font-family: Tahoma,Arial;
		font-size:12px;
    	text-align:center;
		color:#000;	
		margin:0px;
		line-height:17px;
		
}

 a{ color:#FB4204; text-decoration:underline; }
 a:hover {  text-decoration:none;}
 
 a.nolink{ color:#000;	text-decoration:none;}

input[type=text]{font-size:11px;  
                 border: 1px solid #999;
                 padding:2px;}
input[type=button]{font-size:11px;  }
input[type=submit]{font-size:11px;  }
input[type=checkbox]{ border:none;}
input[type=password]{}



/*input,  input.button {font-size:0.9em;  border: 1px solid #999;}*/
input:submit{font-size:0.9em; 
              border:1px solid #73735B; background-color:#ff6600; color:#fff;}


/* La cabecera va fuera del contenedor */
#cabecera{
  width:100%;
  height:64px;
  background-color:#FFF;
  text-align:left;
    /** muy importante, para que funcione bien el centrado */
  margin: 0px auto;
  }

 
#cabecera_centro 
{
  /*width:950px;*/
  width:950px;
  height:64px;
   /** muy importante, para que funcione bien el centrado */
  margin: 0px auto;
  background-color:#fff;
  background-image:url(../images/logo.jpg);
  background-position:left top;
  background-repeat: no-repeat; 
} 
 
 
/*#logo{background-image:url('../images/logo.jpg');
  background-repeat: no-repeat;
  background-position:left top;
  height:82px;
  width:334px;
  float:left;
}
*/

/* MENU TOP */
div#menu_top 
{ width:100%;
  height:22px;
  font-size:11px;
  background-color:#1F2022; 
  text-align: -moz-center; /* para que funcione en Firefox */
  _text-align:center;
  #text-align:center;
   /*\*/
  html*text-align: center; /* sólo en safari */
   margin-left: auto; /* necesario para que la tabla */
   margin-right: auto; /* aparezca centrada dentro del DIV */


  }
  
div#menu_top ul{ margin:0px;
                 padding-top:4px;
                  list-style-image:none;
              list-style-type:none;
              /*width:950px;*/
              width:950px;
              font-weight:bold;
              text-transform:uppercase;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
div#menu_top ul li{ display:inline; padding-right:15px;}
div#menu_top ul li a{ color: #FFF; 
                      text-decoration:none; }
div#menu_top ul li a:hover{ color: #FF6600;  }


/* Menu asp.net */
.MenuTop-item, .MenuTop-item a{ color:#fff; 
               font-family: Arial;
               font-weight:bold;
               padding-right:12px;
               width:60%;
               text-transform:uppercase;
               }
.MenuTop-Subitem{ padding:1px 3px 1px 3px; text-align:left;}               

/* BANNER */
#banner 
{ width:100%;
  height:180px;
  background-color:#FC6600; 
  text-align:center;
  /*background-image:url(../images/fondos/fondo-banner.jpg);
  background-repeat:  no-repeat;
  background-position:center top;*/
  border-bottom:3px solid #FF6600;
  }
  
  
#banner_centro 
{ width:950px;
  height:180px;
   /** muy importante, para que funcione bien el centrado */
  margin: 0px auto;
  background-color:#fff;
  background-position:left top;
  background-repeat: no-repeat;
  }
 
  
 .banner-diseno 
 {
  background-image:url(../images/banner/banner-diseno.jpg);
 }  
 
  .banner-portfolio 
 {
  background-image:url(../images/banner/banner-portfolio.jpg);
 }    
  
 .banner-principal 
 {
  background-image:url(../images/banner/Banner-principal.jpg);
 }    
  
 .banner-empresa 
 {
  background-image:url(../images/banner/Banner-empresa.jpg); 
 }  
  
.banner-contacto 
 {
  background-image:url(../images/banner/Banner-contacta.jpg);
 }    

.banner-politicas 
 {
  background-image:url(../images/banner/Banner-politicas.jpg);
 }    

.banner-contratacion 
 {
  background-image:url(../images/banner/Banner-contratacion.jpg);
 }  
 
 .banner-servicios 
 {  background-image:url(../images/banner/Banner-servicios.jpg); }  
 
 .banner-hosting 
 {  background-image:url(../images/banner/Banner-hosting.jpg); }  
 
  .banner-posicionamiento 
 {  background-image:url(../images/banner/Banner-posicionamiento.jpg); }  
 
 
  .banner-noexiste 
 {  background-image:url(../images/banner/Banner-noexiste.jpg); }  



#contenedor{ background-color :#ABB0B6;
                     background-image:url(../images/fondos/fondo.jpg);
        background-repeat: repeat-x;
        background-position:left bottom;}

#cuerpo{

  clear:both;
  width:950px;
  background-color :#DCDCDC;
   /** muy importante, para que funcione bien el centrado */
  margin: 0px auto;
  text-align:left;
  background-image:url(../images/fondos/fondo-barra-dcha.jpg);
  background-position:right top;
  background-repeat:repeat-y;
  padding:0px;
}

#cuerpo.sinlateral{background-image: none;}

#breadcrumbs{ background-color:#EAEAEA;
              padding:3px 10px 3px 17px;
              font-size:11px;}

#dcha{
  padding-top:10px;
  width:182px;
 /* background-color:#1F2022;*/
  margin-left:440px;
  color:#FFF;
  font-family:Arial;
  font-size:10px;
  position:relative;
  top:0px;
  left:-300px;
}

#centro{
  width:720px;
  float:left;
  margin:0px;
  background-image:url(../images/fondos/fondo-centro.jpg);
  background-repeat: repeat-x;
  background-position:center bottom;
  text-align:justify;
  padding-bottom:120px;
  min-height:300px;
  _height:300px; /* IE 6 */ 
}

#centro.sinlateral{ width:950px;}

#contenido_centro{ padding:15px 25px 0px 25px;
                   _padding:15px 15px 0px 15px; /* IE 6 */}



#centro h1{margin-top:0px; }

#centro select{ font-size:0.9em; border:1px solid #73735B; }

#centro label.busquedas{ height:30px;}

.caja_blanca{ background-color:#fff; 
               padding:20px;
               margin-bottom:15px;}
               
.caja_gris1{  background:#EAEAEA;
            border-bottom:solid 1px #ff6600; 
            border-top:solid 5px #ff6600;
            padding:10px;
            margin-bottom:8px;

             }     
               
.caja_gris2{ background-color:#DCDCDC; 
                padding:10px 20px 10px 20px;
               margin-bottom:15px;}   
 
.caja_gris3{ background-color:#ABB0B6; 
               padding:10px 20px 10px 20px;
               margin-bottom:15px;}  
               
.caja_azul{ background-color:#006699; 
                padding:10px 20px 10px 20px;
               margin-bottom:15px;}                                        

/* COLUMNA DERECHA */
#columna_derecha
{ float:left;
  width:212px;
  _width:204px; /* IE 6 */
  _width:204px; /* IE 7 */
  padding:15px 8px 5px 0px;
  color:#fff;
}

.anuncio-derecha
{ margin-left:30px;
  font-size:11px;
}

.titulo-anuncio-derecha
{margin-bottom:5px;
}

.texto-anuncio-derecha
{
}

#anuncio-pymes
{ margin-left:7px;
}
#anuncio-pymes a
{ font-weight:bold; font-size:10px; color:#81868D; text-decoration:none;
}



/* PIE */
#pie{
  clear: both; 
  width:930px;
  height:35px;
  background-color:#1F2022;
  padding:10px;
  color:#fff;
  font-size:0.9em;
}


div#MenuPie
{
 font-family:Arial;
 text-align:right;
 float:right;
 margin-bottom:20px;
 }

div#MenuPie ul{ margin:0em; padding:0em;  }
div#MenuPie li{ display:inline; 
				float: left; 
				padding-right:1.2em;
				margin:0px;
				text-transform:uppercase;
				font-weight:bold;
}

div#MenuPie li a { color:#fff; text-decoration:none; }
div#MenuPie li a:hover { color:#ff6600;  }

div#MenuPie ul.linea2 li{ text-align:right;
                          font-size:10px;
                          text-transform:none; }

/*---------------------------------------------------------------*/

blockquote{ font-style:italic;}
blockquote strong{ color:inherit;}

h1{
    color:#FF6600;
	font-size:1.3em;
	margin-bottom:15px;
	/*border-bottom:1px dashed #9A9A7F;*/
	text-align:left;
}

h2{
	font-size:1.2em;
	/*border-bottom:1px dashed #9A9A7F;*/
	border-left:6px solid #ff6600;
	text-align:left;
	padding-left:5px;
	margin-bottom:7px;
	margin-top:30px;
    height: 17px;
    /*width: 154px;*/
}


h3{
	font-size:1em;
	text-align:left;
	margin-bottom:4px;
}

h4{
	font-size:1em;
	color:#9A9A7F;
	text-align:left;
}



p:after{ line-height: 12em;}

strong { font-weight:bold;}
.resaltado{font-weight:bold;color:#ff6600;}



div#centro ul{ list-style-image:url(../images/bullets/flecha-naranja.jpg);
	          background-image:none; }
div#centro ul ul{ list-style-image:url(../images/bullets/flecha-azul.jpg);
	          background-image:none; }	          
	            
		  	  		  
div#centro ul li{ margin-bottom:10px;  }
				  
				  
div#centro ol { margin-top:0px;  }  
				  
div#centro ol li{ margin-bottom:10px;  }


div#centro ul.azul{list-style-image:url(../images/bullets/flecha-azul.jpg);
	          background-image:none;}

div#centro ul.limpio{list-style-image:none; list-style-type:none; background-image:none;}

div#centro ul.limpio2{list-style-image:none; list-style-type:disc; 
                      margin:0px;
                      padding:0px;
                      background-image:none;}
div#centro ul.limpio2 li{ margin-bottom:0px;}                      


/* lista de links a ficheros pdf */
ul.listapdf { list-style-image:url(../images/bullets/pdficono.gif);
	          background-image:none; }
ul.listapdf li{ color:#434142;}
ul.listapdf li a { margin-left:10px; }

.rojo{color:#810110;}
.naranja{color:#ff6600;}


/* Fotografias */
.foto-izda{ border: 4px solid #DCDCDC;float:left; margin-right:15px;margin-bottom:15px; padding:0px; }
.foto-dcha{ border: 1px solid #6FA1C0;float:right; margin-left:15px;margin-bottom:15px; padding:5px;}
.foto-dcha-sinborde{ float:right; margin-left:15px;margin-bottom:15px; padding:10px;}
.foto-izda-sinborde{ border: 0em;float:left; margin-right:15px;margin-bottom:15px; padding:5px; }

.foto{ border: 1px solid #6FA1C0;margin:15px; padding:10px;}

.noborder{border:0px;}

.navegacion{font-size:0.88em;}

.aviso{ background-color:#F3F3ED;
		padding:1.3em;
	    font-size:0.87em;}

.copyright{ margin-left:40px; }
	   

a.accion
{
	background-image: url(../images/bullets/flecha-roja.gif);
	background-repeat:no-repeat;
	background-position: 0% 52%;
	padding-left:1em;
}


	
/*.masinfo{ clear:both;
		margin-left:2em;
		font-family:Arial;
		font-size:0.9em;
		background-image: url(../images/bullets/masinfo.png);
	background-repeat:no-repeat;
	background-position: 0% 52%;
	padding-left:2.5%;} */
	


div#separador_dcha{ height:1em;                 }

.subir{text-align:right; 
	   width:100%;
	  background-image:url(../images/arriba.gif);
	  background-repeat  :no-repeat;
	  background-position : 92% 30%;
	  font-size:0.88em;
}


/* datos tabulados */
ul.datostabulados{
  list-style-image:none;
  list-style:none;
}

ul.datostabulados span
{
 float:left;
 width:35%;
}

ul.datostabulados li 
{
  margin:0em;
  padding:0em;
  line-height:12px;

}

.alerta{ background-color:#F3F3ED; color:#810110; border :1px dashed #810110; padding:0.1em;}



/* LOGIN */
#login{left: 15.48em; width: 13.81em; top: 0.19em; height: 16px; position:relative;
	 color:#FFF;
	 font-family:Arial;
	 font-size:0.8em;
	 float:left;}
	 
.inputlogin{ width:8em;}

a.linklogininvisible{ display:block; width:13em;height:16px;}
a.linklogininvisible span  { display: none;/* oculto el texto*/}


/* menu privado */
.titulomenuprivado { width:100%; background-color:#810110; color:#fff; font-weight:bold;}

.separador{ height:0.5em; 
            width:100%; 
            clear:both;}
.clear{clear:both;}


/* DISEÑO WEB */
#texto_diseno{ /*width:268px;*/
               width:368px;
               border-left: 5px solid #ff6600;
               border-right: 5px solid #ff6600;
               padding:10px;
               margin-bottom:20px;
}

#texto_diseno2{ 
}

#texto_diseno2 a{ text-decoration:none;}
/* PORTFOLIO */
.paginacion-portfolio{ /*background-color:#1F2022; */
                       color:#fff;
                       text-align:right; 
                       width:370px;
                       float:left;
                       margin-bottom:10px;
                       #margin-bottom:0px; /* IE 7*/
                       _margin-bottom:0px; /* IE 6*/
                       font-size:11px;
}
                      
 .num-paginas{ color:#000; } 
 
.fecha-portfolio{font-weight:bold;
                 color:#ff6600;
                 float:left;
                 width:25px;
                 font-size:11px;
                 margin-left:5px;}                      
                       
.cliente-portfolio{ width:100%;
                    background-color:#1F2022;
                    border-bottom:3px solid #ff6600;
                    margin-top:2px;
                    color:#fff;
                    margin-bottom:10px;
                    clear:both;
                    } 
                                          
/*.wrapper-cliente-portfolio{background-color:#1F2022;}    */                  
                       
.titulo-cliente{background-color:#1F2022;  width:100%;
                height:20px; 
                clear:both;
                font-weight:bold;
                font-size:12px;
                background-image:url(../images/fondos/pico-naranja.gif);
                background-repeat:no-repeat;
                background-position:right bottom;
                } 
                
.nombre-cliente{width:60%; color:#fff; 
                text-align:center; text-transform:uppercase;
                border-right:2px solid #ff6600;
                height:20px;
                float:left;
                     }
                
.web-cliente{width:200px; float:right; 
             text-align:right;
             background-image:url(../images/fondos/casa.gif);
             background-repeat:no-repeat;
             background-position:5% 100%;
             padding-top:3px;
             padding-right:10px;} 
              
a.linkcliente{ font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#fff;
	text-decoration:none;
}   

a.link-imagen{ color:#fff; text-decoration:none; font-weight:bold;  }           

                 
span.sinlink_portfolio{background-color:#ff6600; color:#fff; font-weight:bold;
			 display: block; float:left;
 		 	 padding:1px 5px 1px 5px; margin-right:3px;  border:1px solid #CCCCCC;}
			 
a.link_portfolio, a.link_portfolio:visited{ background-color:#F3F4F5; color:#000; display: block; float:left;
 		 padding:1px 5px 1px 5px; margin-right:3px;  border:1px solid #CCCCCC; }
		 
a.link_portfolio:hover{ background-color:#CCCCCC; color:#fff; display: block; float:left;
 		 padding:1px 5px 1px 5px; margin-right:3px; border:1px solid #666666; }                 
                 
      
      
                       
#clienteizda{ width:16em; float:left; 
              clear:both;  
              padding: 0.5em ;
              font-size:11px;
              background-color:#1F2022; }
              
#clientedcha{ padding:1em 1em 1em 0em;   
              margin-left:16em;
              font-size:11px;
              /*background-color:#f3f4f5;*/
              background-color:#1F2022; }
              
.linea-datos{ }


div#clientedcha span.titulo{ font-weight:bold;
                             color:#ff6600;
                             width:85px;
                             text-align:right;
                             text-transform:uppercase;
                             float:left;
                             padding-right:8px;
                             clear:right;
                             
}

div#clientedcha span.datos{  text-align: justify;
                             width:364px;
                             float:right;
                             margin-bottom:10px;
                                                         
}


.foto-portfolio{ border: 1px solid #ccc; }

div#clienteizda img { border: 1px solid #ccc;  margin-bottom:0.5em;  }


#trabajos-realizados-slide
{ 
  background-image:url('../images/fondos/trabajos-realizados.jpg');
  background-repeat:no-repeat;
  background-position:left top; 
  width:683px;
  _width:663px; /* IE 6*/
  height:147px;
  padding:33px 10px 10px 10px;
}

/* FIN PORTFOLIO */

/* SLIDE GRANDE */
#trabajos-realizados-slide-grande
{ 
  background-image:url('../images/fondos/trabajos-realizados.jpg');
  background-repeat:no-repeat;
  background-position:left top; 
  width:683px;
  _width:663px; /* IE 6*/
  height:147px;
  padding:33px 10px 10px 10px;
}



/* SERVICIOS */

#izda-servicios{float:left;
                width:325px; 
}

#dcha-servicios{float:left; 
                margin-left:50px;
                margin-top:0px;
                width: 266px;
}

#texto_servicios{ border-left: 5px solid #6A6F75; 
               padding:8px 0px 8px 8px;
               margin-bottom:12px;             
}


#servicio-hosting{ background-image:url('../images/fondos/fondo-servicios-hosting.jpg');
               background-repeat:no-repeat;
               background-position:left top; 
               height:105px;
               padding-top:11px;
               padding-left:20px;
}

#servicio-posicionamiento{ background-image:url('../images/fondos/fondo-servicios-posicionamiento.jpg');
               background-repeat:no-repeat;
               background-position:left top;
               height:105px;
               color:#fff;
               font-size:11px;
               font-weight:bold;
               padding-top:10px; 
               padding-left:30px;
}

#servicio-posicionamiento a{ display:block; 
                             width:600px; 
                             height:80px;}


/* POSICIONAMIENTO */

#izda-posicionamiento{float:left;
                      width:280px;
}

#dcha-posicionamiento{float:left; 
                margin-left:30px;
                margin-top:0px;
                width: 360px;
                color:#fff;
                font-size:11px;
}

#dcha-posicionamiento h1{ color:#fff;
                          font-size:15px;
                          margin-bottom:7px;}

#texto-posicionamiento{ border-left: 5px solid #6A6F75; 
                        padding:8px 0px 8px 8px;
                         margin-bottom:12px;             
}

#texto-posicionamiento h2{ margin-top:25px;}
#posicionamiento h2{margin-top:15px;}

.fondo-posicionamiento
{
 background-image :url('../images/fondos/fondo-posicionamiento.jpg');
 background-repeat:no-repeat;
 background-position:left top;
 height:130px;
 padding:10px 20px 10px 10px;
 margin:0px;
}

.fondo-posicionamiento2
{
 background-image :url('../images/fondos/fondo-posicionamiento2.jpg');
 background-repeat:no-repeat;
 background-position:left top;
 height:200px;
 padding:10px 20px 10px 10px;
 margin:0px;
}


a.posicionamiento-info{float:right; 
                       display:block; 
                       height:40px; 
                       position:relative; 
                       top:-20px; 
                       left:10px; 
                       width:40px;}

a.posicionamiento-info2{float:right; 
                       display:block; 
                       height:40px; 
                       position:relative; 
                       top:100px; 
                       left:20px; 
                       width:40px;}
                       
                       
#logos_posicionamiento  
{
  clear:both;
  background-image:url(../images/fondos/fondo-logos.jpg);
  background-repeat:no-repeat;
  background-position:left top;
  height:130px;
  padding:5px;}
  
#logos_posicionamiento img{ float:left; padding-right:8px;}                       
                       
                       
                       
/* CONTACTO */

#izda-contacto{float:left;
               /*width:295px;*/
               width:395px;}
#dcha-contacto{float:left; margin-left:75px;
    width: 393px;
}

#fondo_texto_contacto{  /*background-image:url(../images/fondos/sobre.jpg);
               background-repeat:no-repeat;
               background-position:bottom center; */
               height:250px;  }
#texto_contacto{ /*width:268px;*/
               border-left: 5px solid #ff6600;
               border-right: 5px solid #ff6600;
               padding:10px;
               margin-bottom:20px;  
        
}

#sobre{ background-image:url(../images/fondos/sobre.jpg);
        background-repeat:no-repeat;
        background-position:top left;
        width:226px;
        height:233px;}
        
#empresa{ background-image:url(../images/fondos/empresa.jpg);
        background-repeat:no-repeat;
        background-position:top left;
        width:226px;
        height:233px;}        

#consulta-soporte
{background-image:url(../images/fondos/consulta.jpg);
 background-repeat:no-repeat;
 background-position:top left;
 height:93px;
 width:350px;
 margin-left:15px;
 margin-top:0px;
}

#consulta-soporte ul 
{
	  
	  padding-top:15px;
	  _padding-top:0px;
	  #padding-top:0px;
	  margin-top:0px;
	  #margin-top:15px;
      _margin-top:15px;
	  margin-left:40px;
	  #margin-left:78px; /* IE 7 */
	  _margin-left:78px; /* IE 6 */
	  list-style-image:none;
	  list-style:none; 
	  margin-bottom:0px; 
}

#consulta-soporte ul li
{
	  list-style-image:none;
	  list-style:none; 
	  margin:0px;
	  padding:0px; 
	  line-height:12px;
	  letter-spacing:1px;
	  font-size:14px;
}


#consulta-soporte ul a
{
    color: #fff;
	font-size: 13px;
	font-weight:bold;
	text-decoration:none;
}

#consulta-soporte ul a:hover
{
    color: #FF6600;
	font-size: 13px;
	text-decoration:none;
}

#web-soporte
{background-image:url(../images/titulos/websoporte.jpg);
 background-repeat:no-repeat;
 background-position:top left;
 width:336px;
 #width:356px;
 _width:356px;
 padding-top:50px;
 padding-left:50px;
 line-height:20px;
}

#web-soporte a{ font-weight:bold; text-decoration:none;}

.subtitulo{ background-color:#1F2022;
           font-size:15px;
           color:#fff;
           font-weight:bold;
}

table.otros-datos-contacto{ padding:0px; margin:10px;}
table.otros-datos-contacto td.derecha { text-align:right; }

/* FIN CONTACTO */

/* EMPRESA */
#izda-empresa{float:left;
              width:295px;
              }
#dcha-empresa{ float:left;}

#texto_empresa{ 
               border-left: 5px solid #6D6D6D;
               border-right: 5px solid #6D6D6D;
               padding:10px;
               margin-bottom:20px;
               font-size:11px;             
}


div#texto_empresa h1{
	font-size:14px;
	margin-bottom:10px;
	border:0px;
	color:#000;
	text-align:left;}


#texto_empresa2{ 
                clear:both;
                font-size:13px; 
       
}

#acercamos-internet
{background-image:url(../images/anuncios/acercamos.jpg);
 background-repeat:no-repeat;
 background-position:top left;
 height:220px;
 width:358px;
 margin-left:15px;
 margin-top:12px;
}

#clientes-empresa
{background-image:url(../images/anuncios/clientes.jpg);
 background-repeat:no-repeat;
 background-position:top left;
 height:450px;
 width:325px;
 margin-left:15px;
 /*margin-top:15px;*/
 padding:50px 10px 10px 20px;
 text-align:left;

}

div#clientes-empresa ul{ display:inline;
                         list-style:none;
                         list-style-image: none;
                         color:#fff; 
                         font-family:Arial;
                         font-size:11px;
                         font-weight:bold;
                         text-transform:capitalize;}
                         
div#clientes-empresa ul li{ float:left; 
                         width:40%;
                         padding-right:25px;
                         line-height:10px;
                         margin-bottom:8px;
                         }
                         
div#clientes-empresa ul li a{ color:#fff; text-decoration:none;} 

/** FIN EMPRESA **/    



/* POLITICAS */
#izda_politica{ float:left; width:28%;  
       text-align:left;margin-right:10px;
       padding:5px;
}

#centro_politica{ float:left; width:35%; text-align:left;
       padding:5px;}

#dcha_politica{ float:left; width:28%; text-align:left;
       padding:5px;}    
       
.numeracion{color:#FB4204;}                


/* HOSTING */

/*
body {
	font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	background: #E6EAE9;
}

a {
	color: #c75f3e;
}
*/


/* MANTENIMIENTOS */

 div#centro ul.mantenimiento{ list-style-image:url(../images/bullets/flecha-naranja.jpg);
	             background-image:none;
	             margin-left:205px;
	             padding:0px;
	             font-size:0.97em; }     	  	  		  
 div#centro ul.mantenimiento li{ margin-bottom:8px;
                      line-height:15px;}

.tablaMantenimientos{
	width: 650px;
	padding: 0;
	margin: 0;  
	font-size:11px;
}


.tablaMantenimientos th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: CENTER;
	padding: 3px 3px 3px 6px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

.tablaMantenimientos th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

.tablaMantenimientos th.nobgnoborde {
	border: 0;
	background: none;
}

.tablaMantenimientos td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 3px 3px 3px 6px;
	color: #4f6b72;
	text-align:center;
}

.tablaMantenimientos tr.alt td  {
	background: #F5FAFA;
	color: #797268;
}

 

.tablaMantenimientos th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff;
	/*background: #fff url(images/bullet1.gif) no-repeat;*/
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.tablaMantenimientos th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa;
	/*background: #f5fafa url(images/bullet2.gif) no-repeat;*/
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}






.tachado{text-decoration:line-through;}


#estado-servidores a{ padding-right:30px;}

.tablaHosting {
	width: 670px;
	padding: 0;
	margin: 0;  
	font-size:11px;
}

caption {
	padding: 0px 20px 5px 0px;
	width: 626px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

.tablaHosting th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 3px 3px 3px 6px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

.tablaHosting th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

.tablaHosting th.nobgnoborde {
	border: 0;
	background: none;
}

.tablaHosting th.contratar {
	border: 0;
	background: none;
	color:#175A74;
	letter-spacing:0px;
	font-size:10px;
	text-align:center;
}

.tablaHosting th.contratar a {
	color:#175A74;
	background: url(../images/bullets/flecha-naranja2.gif) no-repeat;
	background-position:100% 50%;
	padding-right:8px;
}



.tablaHosting td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 3px 3px 3px 6px;
	color: #4f6b72;
}

.tablaHosting tr.alt td  {
	background: #F5FAFA;
	color: #797268;
}

/*
#tablaHosting td.alt {
	background: #F5FAFA;
	color: #797268;
} */

.tablaHosting th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff;
	/*background: #fff url(images/bullet1.gif) no-repeat;*/
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.tablaHosting th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa;
	/*background: #f5fafa url(images/bullet2.gif) no-repeat;*/
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}


/* CONTRATACION */

.boton{ background-color:#ff6600; 
        color:#fff;
        border:1px solid #fff;
        padding:2px;}

.cajaAzulContratacion
{
  border:solid 1px #6FA1C0; 
  border-top:solid 5px #6FA1C0;
  /*width:95%;*/
  padding:10px;
  margin-bottom:8px;
  background:#fff;
}

.cajaWhois
{
  border:solid 1px #FF6600; 
  border-top:solid 15px #FF6600;
  width:475px;
  padding:10px;
  margin-bottom:15px;
  background-color:#fff;
  text-align:left;
  font-size:0.9em;
}


.caja100
{ border: solid 1px #CCC;
  background:#fff; 
  width :95%;
  padding:10px;
  margin-bottom:15px;
}

.TituloContratacion
{   color:#ff6600;
	width:160px;
	float:left;
	text-align:left;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-transform :uppercase;
}

.SubtituloContratacion
{
    margin-top:0px;margin-bottom:5px;
}

.OpcionesContratacion
{ margin-left:175px;
  margin-bottom:8px;
}

.checkContratacion
{ margin-bottom:7px;
}

.ComentarioContratacion
{ font-size:0.9em;
  margin-left:10px;
}


.colizdaContratacion
{ float :left;
  width :165px;
  color:#175A74;
  text-align:left;
  font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  text-transform:uppercase;
}

.coldchaContratacion
{ margin-left :180px;
}

.filaContratacion
{   margin-bottom:2px;
}

.filaContratacionGris
{   margin-bottom:0px;
	/*background-color:#EFEFEF;*/
	background-color:#F5F5F5;
	padding:4px;
}

.filaContratacionAzul
{   margin-bottom:0px;
	background-color:#F5FAFA;
	padding:2px;
}

.filaOrangeRed{background-color:#FF6600; height:3px;}


.filaLOPD
{   margin-bottom:2px;
    margin-top:10px;
    background-color:#F5FAFA;
    font-family:Arial, Tahoma;
    font-size:10px;
    padding:6px;
}

.error
{
	 color:#ff4500;
	/* color:#FB4204;*/
	 font-size:0.9em;
}

.tituloResumencontratacion
{   font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    text-transform:uppercase;
    font-weight :bold;
	color:#6FA1C0;
	width:180px;
	float:left;
}

.aviso
{ color :#6FA1C0;
  font-size :0.85em;
  font-weight:bold;
}

.nota
{font-size :0.9em;
}

.nota2
{font-size :0.85em;
}

.linkDetalles
{ font-size :0.9em;
}

.contrato
{
  font-size:0.85em;
}

/* TE LLAMAMOS */

#tellamamos
    { margin-left:30px;
      margin-bottom:5px;
    }

/* OPINIONES CLIENTES */

#opiniones_derecha
    { line-height:14px;
      margin-left:10px;
      margin-bottom:5px;
      margin-top:5px;
    }
    
#comillas
{background: url(../images/fondos/comillas.jpg) no-repeat;
 background-position:top left;
 height:38px;
 width:100%;
}

#titulo_opiniones
{background: url(../images/fondos/titulo-opinion.jpg) no-repeat;
 background-position:top left;
 height:38px;
 width:100%;
 margin-left:15px;
}

#texto_opiniones_dcha
{
  margin-left:25px;
  margin-top:5px;
  font-size:10px;

  padding-right:3px;
  padding-bottom:15px;
  background: url(../images/fondos/comillas.jpg) no-repeat;
  background-position:bottom right;
}

#nombre_opiniones
{ margin-top:7px;
  color:#DCDCDC;
  font-style:italic;
  font-size:11px;
}

#empresa_opiniones{ font-weight:bold; font-size:12px;}
#empresa_opiniones a{color:#fff;
                     text-decoration:none;
                     font-weight:bold;}
                     
.masopiniones{ text-align:right;
               padding-bottom:10px;
}
               
.masopiniones a{ font-size:10px; 
                text-decoration:none;}   

.separadormenudhca{border-top:dashed 1px #666666;
                   margin-bottom:20px; 
                   margin-left :25px;}                                  
/* listado de todas las opiniones*/
#listaopiniones .opinion{ border-left:solid 5px #ff6600; 
                            padding:5px 10px 5px 17px; 
                            font-style:italic; 
                            margin:12px 0px 7px 0px;
                            background-color:#EAEAEA; }  
                     
#listaopiniones .separadoropinion{ margin-top:18px;
                                    margin-bottom:18px;
                                    border-top:dashed 1px #fff;}
#listaopiniones a.web{text-decoration:none;}                                    
 
 /* CASOS DE EXITO */
 #titulo-caso-exito
 {  background: url(../images/fondos/caso-exito.jpg) no-repeat;
    background-position :top left;
    height:54px;
    width:217px;
    margin-left:0px;
 }
 
 #imagen-caso-exito {margin-left:30px; margin-top:10px; 
     }
     
 #imagen-caso-exito img{border:1px solid #fff;}
 
 /* CONTRATOS */
 #contratos
 { 
   margin-left:20px;
   margin-right:20px;
 }
 
 /* ANUNCIOS TOP */
    
 #anuncios_top{ color:#fff;
                font-size:11px;
                height:152px;
                width:683px;
                margin-bottom:15px;
                text-align:left;
                line-height:16px;
}
    
#anuncios_top a{ color:#fff; text-decoration:none;}
#anuncios_top a:hover{ color:#fff; text-decoration:underline;}

#anuncios_top a.leermas{ font-size:10px; 
                         font-weight:bold; 
                         color:#4F1A00;
                         background:url(../images/bullets/flecha-gris.gif) no-repeat;
                         background-position:0% 50%;
                         padding-left:7px;
                         margin-left:2em;}
                         
#anuncios_top a.leermas_blanca{ font-size:10px; 
                         font-weight:bold; 
                         color:#fff;
                          background:url(../images/bullets/flecha-gris.gif) no-repeat;
                         background-position:0% 50%;
                         padding-left:7px;
                         margin-left:2em;}                         
    
#anuncios_top_diseno{float:left;
    background:url('../images/Anuncios/Anunciostop-diseno.jpg') no-repeat left top;


    width:113px;
    /*padding:65px 10px 10px 15px;
    height:77px;*/
    padding:10px 10px 10px 15px;
    height:130px;
    margin:0px;
}

.titular_anuncios{ height:55px;}
.titular_anuncios h1{ font-size:18px;
                    color:#fff;}

#anuncios_top_gestor{float:left;
    background:url('../images/Anuncios/Anunciostop-gestor.jpg') no-repeat left top;
    width:115px;
    /*padding:65px 10px 10px 15px;
    height:77px;*/
    padding:10px 10px 10px 10px;
    height:130px;
}
#anuncios_top_tiendas{float:left;
    background:url(../images/Anuncios/Anunciostop-tiendas.jpg) no-repeat;
    background-position :top left;
    width:116px;
    padding:10px 10px 10px 8px;
     height:130px;
    /*padding:65px 10px 10px 8px;
    height:77px;*/
 }
    
#anuncios_top_posiciona{float:left;
    background:url(../images/Anuncios/Anunciostop-posiciona.jpg) no-repeat;
    background-position :top left;
    width:118px;
    padding:10px 10px 10px 11px;
     height:130px;
    /*padding:65px 10px 10px 11px;
    height:77px;*/
 }
 
#anuncios_top_hosting{float:left;
    background:url(../images/Anuncios/Anunciostop-hosting.jpg) no-repeat;
    background-position :top left;
    width:114px;
    padding:10px 10px 10px 12px;
     height:130px;
    /*padding:65px 10px 10px 12px;
    height:77px;*/
}



/* TIENDAS VIRTUALES */
/* EMPRESA */
#izda-tiendas{float:left;
              width:333px;
              margin-right:20px;
              }
#dcha-tiendas{ float:left;
               padding-right:0px;
               padding-top:80px;
               width:310px; }
               
#izda-tiendas2{float:left;
              width:458px;
              margin-right:10px;
              }
#dcha-tiendas2{float:left;
               padding-right:0px;
               width:160px; }               
               

#texto_tiendas{border-left: 5px solid #6A6F75; 
               padding:8px 0px 8px 8px;
               margin-bottom:12px;          
}


#tiendas_reales
{
 background-image :url('../images/fondos/fondo-tiendas-reales.jpg');
 background-repeat:no-repeat;
 background-position:left top;
 height:277px;
 width:310px;
 padding:25px 20px 10px 0px;
 #padding:25px 20px 10px 0px;
 _padding:25px 20px 10px 0px;
 margin:0px;
 color:#fff;
 font-size:10px;
}

#tiendas_reales ul{
                   background-image:none;
	               }
	               
#tiendas_reales ul li
    {list-style-image:url(../images/bullets/circulo-naranja.gif);
    margin-bottom:0px; margin-top:0px; padding:0px; line-height:12px; }	               

#tiendas_reales a{ font-size:14px; text-decoration:none;
                    color:#ff6600;}


ul.caracteristicas_tienda{ font-size:11px;
                           background-image:none; }
ul.caracteristicas_tienda li{ line-height:12px;
                             list-style-image:url(../images/bullets/circulo-naranja2.gif); }
                             
                             
                             
#formas-pago
{
 background-image :url('../images/fondos/fondo-formas-pago.jpg');
 background-repeat:no-repeat;
 background-position:left top;
 height:131px;
 #height:127px;
 _height:127px;
 width:182px;
 padding:5px 20px 10px 0px;
 #padding:15px 20px 0px 0px;
 _padding:15px 20px 0px 0px;
 margin:0px;
 color:#fff;
 font-size:13px;
 color:#ff6600;
 text-align:left;
}
   
#formas-pago ul li
    {list-style-image:url(../images/bullets/circulo-naranja.gif);
    margin-bottom:0px; margin-top:0px; padding:0px; line-height:12px; }	                        
    
    
#bancos{clear:both;
        margin-bottom:20px;
       /* background-image :url('../images/fondos/fondo-bancos.jpg');
        background-repeat:no-repeat;
        background-position:center 70%;*/
}
    
#logos-bancos
{
       background-image :url('../images/fondos/fondo-bancos.jpg');
       background-repeat:no-repeat;
       background-position:left top;
       width:458px;
       height:176px;
}
     
.pequena{ font-size:10px; 
          line-height:12px;
          padding-left:55px;
          padding-top:6px;}

.pequena11{ font-size:11px; }

.font10{ font-size:10px; } 
.font11{ font-size:11px; } 
.font13{ font-size:13px; }   
.font14{ font-size:14px; }                

#anuncio-tienda
{background-image :url('../images/anuncios/tienda-virtual.jpg');
 background-repeat:no-repeat;
 background-position:left top;
 width:328px;
 height:75px;
}

#anuncio-tienda a{ display:block;
                   width:325px;
                   height:70px;
}
                 
#precios-tienda
{background-image :url('../images/fondos/fondo-precios-tienda.jpg');
 background-repeat:no-repeat;
 background-position:left top;
 padding:15px 15px 5px 15px;
 #padding:15px 15px 5px 15px;
 width:307px;
 height:60px;
 font-size:11px;
 line-height:12px;
}

#precios-tienda h2{ margin-top:8px;
                    margin-left:10px;
                    margin-bottom:3px;}


.precio-alta { font-size:15px; 
                 font-weight:bold; 
                 color:#ff6600;
                 margin-left:10px;
                 margin-top:3px;
}  

ul.precios-tienda{ font-size:11px;
                   background-image:none; 
                   margin-bottom:0px;}
ul.precios-tienda li{line-height:12px;
                     list-style-image:url(../images/bullets/circulo-naranja2.gif);}
                     
#titulo-tienda{ font-weight:bold;
                color:#ff6600;
                font-size:16px; 
                margin-bottom:10px;   
}                 
                             
                        
        
a.masinfo-gris{background-image :url('../images/fondos/mas-informacion-gris.jpg');
 background-repeat:no-repeat;
 background-position:left top; 
 display:block;
 height:32px;
 width:142px;}                           
                
       
.nuevo-tienda{background-image :url('../images/titulos/nuevo-tienda.jpg');
 background-repeat:no-repeat;
 background-position:left top; 
 height:11px;
 width:39px;
 margin-right:3px;
 padding-left:45px;

}       
       
               
                
/* DISEÑO WEB */

#links_diseno{ margin-top:15px;
               text-align:justify;}
#links_diseno a{ padding-right:10px;
                 float:left;
                 font-size:9px; 
                 text-decoration:none;
                 color:#888;}                
  
  
#diseno-web
{ 
  background-image:url('../images/fondos/diseno-web.jpg');
  background-repeat:no-repeat;
  background-position:left top; 
  width:683px;
  _width:663px; /* IE 6*/
  height:155px;
  padding:10px 10px 10px 10px;
}

#diseno-web .anuncio
{ float:left;
  width:31%;
  height:145px;
  padding-right:5px;
  text-align:left;
}

#diseno-web .anuncio h1{ text-align:center;
                         font-size:17px;
                         margin-bottom:8px;
                         font-weight:normal;
                         }     
  
.separadordcha{ border-right:5px solid #333;}  
       
                         
#diseno-web ul{ font-size:11px;
                line-height:11px;
                list-style-image:url(../images/bullets/circulo-naranja2.gif);
                background-image:none;
                margin-top:0px;
                margin-bottom:0px;
                margin-left:-10px; 
                #margin-left:25px; /*IE 7 */
                _margin-left:25px; /* IE 6 */}
                
#diseno-web ul li{ margin-bottom:0px;
                   margin-top:0px; }
                             
                             

a.solicitar_presupuesto{ clear:both;
    color  :#006699;
	font-family:Arial;
	font-size:9px;
	font-weight:bold;
	text-decoration:none;
	margin-left:20px;
    display:block;
    height:25px;
    width:160px;
    background-image : url(../images/fondos/informacion.jpg);
	background-repeat:no-repeat;
	background-position: 0% 0%;
	padding-left:23px;
}
	
a.solicitar_presupuesto:hover{ 
    color  :#ff6600;
	
}	
	 
	 
/* ANUNCIOS DERECHA */
.anuncio_dcha_blanco{ width:180px;
                      margin-left:26px; 
                      margin-top:5px; 
                      margin-bottom:5px;
                      padding:2px;
                      font-size:10px;
                      text-align:center;
                      line-height:10px;
                      background-color:#ff6600;}
                      
                      
                      
/* GENERAL */
.blanco{ color:#fff;}
.naranja{ color:#ff6600;}

/* TE CONTACTAMOS */
#TeContactamos{ padding:5px;
                background-color:#fff;
                background-color:#F5FAFA;
                font-family:Arial, Tahoma;
                font-size:10px;
                padding:6px; text-align:left;
                }
                
.titulosTeContactamos
{ float :left;
  width :140px;
  color:#175A74;
  text-align:left;
  font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  text-transform:uppercase;
}

.dchaTeContactamos
{ margin-left :140px;
}

.filaTeContactamos
{   margin-bottom:1px;
}

.lopdTeContactamos
{
    font-size:10px;
    text-align:left;
    color:#bbb;
    margin-top:10px;
}


/** NOTICIAS **/
.noticias{
 font-size:0.98em;
 text-align:justify;
}


.fechaNoticiasGrande
{
  font-family: Verdana, Arial;
  font-size:0.75em;
  letter-spacing:0.1em;
  color:#006699;
}

.linkNoticias
{
  font-weight:bold;
  text-align:left;
}

.linkNoticiasGrande
{
  font-weight:bold;
}

.TextoNoticias 
{
   text-align:justify;
   line-height:18px;
   font-size:11px;
   font-family:Arial;
}

/* para redimensionar imagenes que viene demasiado grandes*/
span.TextoNoticias img{width:600px;}

.separadorNoticias
{
    border-bottom:dotted 1px gray;
    width:100%;
    height:15px;
}

.masinfo
{  text-align :right; 
    width:100%;
    margin-bottom:10px;
    border-bottom:dotted 1px gray;
}

.masinfo a
{
  font-family: Arial;
  font-size:0.55em; 
  letter-spacing:2px;
  color:#006699;
  text-transform:uppercase;
  background-image:url(../images/mas.gif);
  background-repeat:no-repeat;
  background-position:right;
  padding-right:10px;
  padding-left:3px;
  text-decoration:none;
  border-left:solid 1px gray;
}

.noticias h1{
	font-size:1.1em;
	font-weight:bold;
	color:#fff;
	background:#FF6600;
	/*line-height:30px;*/
	text-align:center;
	margin:0;
	}

.noticiasGrande{
   text-align:justify;
   margin-left:30px;
}

/* ULTIMAS NOTICIAS */
#ultimas-noticias{ font-family:Arial;
                   font-size:11px;
                   line-height:14px;}
#ultimas-noticias  h1{font-size:17px;
                      margin-bottom:0px;
                      font-weight:normal;
                      }   
                      
.fechaNoticias
{
  font-family: Verdana, Arial;
  font-size:10px;
  color:#006699;
  line-height:18px;
}
#ultimas-noticias td a.TituloNoticia{ font-size:12px;
                                      text-decoration :none; }   
                
#ultimas-noticias .item-ultimas-noticias{ text-align:left; 
                                          border-right:10px solid #DCDCDC;
                                          width :25%;
                                          padding:0px 10px 0px 10px;}
                                          
.TextoUltimasNoticias 
{
   text-align:justify;
   line-height:14px;
   font-size:11px;
   font-family:Arial;
   margin-top:6px;
} 

                              