* {  /** reseteador **/
    margin: 0;
    padding: 0;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background: #f4f5f5 url(../img/fondo.png) repeat-x;
	margin: 5px 0px;
	filter: default; 		/*evitamos el anti-alias del texto*/
}

#inthe_container {
    margin:0px;
    margin-left:auto;
    margin-right:auto;
    width:800px;
    position:relative;
}

a, a:link { color: #000; font-weight: normal; text-decoration:none; } 
a:visited { color:#000; font-weight: normal; text-decoration:none;  }
a:hover   { color: #fff; font-weight: normal; text-decoration:none; }

a.pie, a.pie:link { color: #000; font-weight: bold; text-decoration:none; } 
a.pie:visited { color: #000; font-weight: bold; text-decoration:none;  }
a.pie:hover   { color: #000; font-weight: bold; text-decoration:none; }

a.mano { cursor: pointer; }
a.clear, a.clear:link, a.clear:visited, a.clear:hover, a.clear:active { 
	position: relative; 
	z-index: 200;  /** bug para pngs transparentes y enlaces, en FF **/
	color: #FFFFFF;
	text-decoration: none;
	cursor: hand;
	font-weight: bold;
}  

img { border: 0px; }

INPUT, TEXTAREA, SELECT{ 
	border: 1px solid #AAAAAA; 
	padding: 1px; 
	width: 230px;
}
INPUT:hover, TEXTAREA:hover{ 
	background-color: #EEEEEE; 
}
INPUT.boton { width: 140px; font-size: 11px; }

span.lateral { color: #d8ec33; }
span.central { color: #fff; }

th { text-align: right; }

p { margin-top: 10px; text-align: left; font-weight: normal; }
ul {
	padding: 8px;
	margin: 0 0 0 13px;
	list-style-image: url(../img/option.gif);
	list-style-type: circle;
}
ul.sublista { padding: 0px; list-style-image: url(../img/option_black.gif); }
li {
	position: relative;
	margin-left: 10px;
	padding-left: 0px;
}

/** ESTRUCTURA **/
#logo {
	height: 120px;
	width: 235px;
	position: absolute;
	z-index: 100;
	left: 7px;
	top: 96px;
	border: 0px solid blue;
	background-image: url(../img/logo_peq.png) !important;
	background-image: none; 
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.inthe.es/img/logo_peq.png');
	background-repeat: no-repeat;
}
#content {
	position: relative;
	background: url(../img/franja_verde.png) repeat-y top left;
	width: 685px;
	left: 40px;
	border: 0px solid red;
}

/** CABECERA **/
#cabecera {
	background-repeat: no-repeat;
	position: relative;
	height: 183px; /** height **/
	width: 685px;
	left: 40px;
	border: 0px solid blue;
}
#cabecera.SO {
	background-image: url(../img/cabecera.png) !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.inthe.es/img/cabecera.png');
	background-repeat: no-repeat;
}
#cabecera.linux {
	background-image: url(../img/cabecera_blanco.png) !important;
	background-image: none;
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.inthe.es/img/cabecera.png');
	background-repeat: no-repeat;
}
#cabecera #animacion {
	width: 461px;
	/*height: 183px;*/ /** height **/
	border: 0px solid blue;
	height: 183px;
        position:relative;
}

/** CENTRO **/
#ctn_centro {
	float: left;
	width: 467px;
	border: 0px solid blue;
}
#ctn_centro #info { margin: 10px 20px 10px 20px;}
#ctn_centro h1 {
	text-align: right;
	font-size: 16px; 
}
h3 { margin-left: 5px; font-size: 16px; }
h4 {
	border-top: 2px groove #000;
	font-size: 14px;
	text-align: right;
	margin-bottom: 10px;
	font-weight: normal; 
}
#wrap_cajas {
	text-align:center;
	border: 0px solid blue;
}
#col_izquierda { float:left; width: 49%; border: 0px solid red; }
#col_derecha { float: right; width: 49%; border: 0px solid red; }
.caja { 
	border: 0px solid red; 
	margin-bottom: 5px; 
	text-align: right; 
	height: 138px; 
	background-position: center center;
	background-repeat: no-repeat;
	font-weight: bold;
	color: #393939;
}
.caja a, .caja a:link, .caja a:visited { color: #393939; }
.caja a:hover { color: #fff; }
.caja#tienda { background-image: url(../img/tienda.jpg); }
.caja#dominios {  
	background-image: url(../img/verde.png) !important;
	background-image: none; 
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.inthe.es/img/verde.png');
	background-repeat: no-repeat;
}
.caja#ict { background-image: url(../img/negra.jpg); }
.caja#web { background-image: url(../img/negra.jpg); }
.caja#sat { background-image: url(../img/sat.jpg); }
.caja#clientes { background-image: url(../img/clientes.jpg); }
.caja p { margin-right: 12px; }
p.caja1 { margin-top: 0;  padding-top: 15px; text-align: right; }
p.caja1 span { font-size: 30px; }
.cerca { margin-top: 1px; }

/** CAJAS InThe_web **/
.xsnazzy h3, .zsnazzy h3 {
margin:0; 
font-size:14px; 
padding:5px 10px 5px 10px; 
border-bottom:1px solid #444;
text-align: left;
height: 20px;
}
.xsnazzy p, .zsnazzy p {
margin:0; 
padding:5px 10px; 
}
.xsnazzy {
background: transparent; 
width:190px; 
float:left; 
margin:5px 10px;
}

.xtop, .xbottom {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1, .xb2, .xb3, .xb4 {
display:block; 
overflow:hidden;
}
.xb1, .xb2, .xb3 {
height:1px;
}
.xb2, .xb3, .xb4 {
border-left:1px solid #444;
border-right:1px solid #444;
}
.xb1 { /** borde inferior **/
margin:0 5px; 
background:#444; 
}
.xb2 {
margin:0 3px;
border-width:0 2px;
}
.xb3 {
margin:0 2px;
}
.xb4 {
height:2px; 
margin:0 1px;
}

.xboxcontent {
display:block; 
border:0 solid #444; 
border-width:0 1px; 
height:auto;
text-align: center;
}
* html .xboxcontent {
height:1px;
}

.color_a {
background:#b8c007;
color:#000;
}
a.caja_web, a.caja_web:link, a.caja_web:visited  { 
	font-size: 14px;
	background-color: #000;
	color: #fff;
	padding: 3px 5px;
	margin-top: 5px;
	border: 1px solid #494334;
}
a.caja_web:hover  { background-color: #b8c007; color: #000; }


/** LATERAL **/
#ctn_lateral {
	float: right;
	left: 46px;
	width: 217px; 
	color: #fff;
	border: 0px solid pink;
}
#ctn_lateral #info { 
	background: url(../img/franja_negra.png) repeat-y; 
	width: 218px; 
	border: 0px solid blue;
}
#ctn_lateral #info #texto { padding: 5px 6px 5px 5px;  }
#ctn_lateral #info h1 {
	color: #d8ec33;
	font-size: 19px;
	font-weight: normal;
	margin-bottom: 8px;
	border: 0px solid blue;
}
#ctn_lateral #info h2 { font-size: 13px; font-weight: bold; margin-bottom:5px; }
#ctn_lateral #info p { margin:10px 5px 10px 5px; border: 0px solid blue; }
#ctn_lateral #info input { width: 140px; height: 15px; }
#ctn_lateral #pie h3 { font-size: 19px; margin: 0 5px 0 10px; }
#ctn_lateral #pie {
   position: relative;
   background-position: top left;
   width: 218px;
   height: 54px;
   left: 0;
   top: 0;
   border: 0px solid blue;
   background-image: url(../img/pie_negro.png) !important;
   background-image: none;
   filter: none !important;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.inthe.es/img/pie_negro.png');
   background-repeat: no-repeat;
}
a.blanco, a.blanco:link, a.blanco:hover, a.blanco:visited  { color: #fff; }
/** PIE **/
#pie {
   position:relative;
   width: 685px;
   height: 57px;
   left: 40px;
   border: 0px solid blue;
   background-image: none;
}
#pie_bg  {
   position: absolute;
   background-position: top left;
   width: 685px;
   height: 57px;
   left: 0;
   top: 0;
   border: 0px solid blue;
   background-image: url(../img/pie_verde.png) !important;
   background-image: none;
   filter: none !important;
   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.inthe.es/img/pie_verde.png');
   background-repeat: no-repeat;
} 
#pie #info {
	position: absolute;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	width: 465px;
	margin-top: 20px;
	border: 0px solid blue;
}


/*** CONTACTO ***/
#contacto  {
	font-weight: bold;
	text-align: justify;
	border: 0px solid red;
        background:url('../img/sobre.png') no-repeat 0px 180px;
}
#sms_contacto { text-align: right; }
#img_contacto {
	border: 0px solid red; 
	margin-left: 100px;
        margin-top:20px;
	height: 150px;
	width: 400px;	
	background-image: url(../img/telf.png) !important;
	background-image: none; 
	filter: none !important;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.inthe.es/img/telf.png');
	background-repeat: no-repeat;
}

/*** INICIO ***/
#txt_verdoso, #txt_verdoso a, #txt_verdoso a:link, #txt_verdoso a:visited { color:#879309; }
#txt_verdoso a:hover { color:#fff; }
#txt_blancoso, #txt_blancoso a, #txt_blancoso a:link, #txt_blancoso a:visited { color: #c0c0be; }
#txt_blancoso a:hover { color:#fff; }

/*** CLEARFIX ***/
.left { float: left; }
.right { float: right; }
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
* html .clearfix { height:1px; }







/********** Canvis Marc a dia 22 de gener de 2010 ***/

.block {
    width:420px;
    margin:15px 0px 0px 3px;
    position:relative;
}
    .top_block {
        height:100px;
        background:white;
        width:100%;
        cursor:pointer;
        background:no-repeat;
    }
        .top_block.web_block {
            background-image:url('../img/web_despl.png');
        }
        .top_block.software_block {
            background-image:url('../img/software_despl.png');
        }
        .top_block.redes_block {
            background-image:url('../img/redes_despl.png');
        }
        .top_block.infra_block {
            background-image:url('../img/infra_despl.png');
        }
        .top_block.valor_block {
            background-image:url('../img/valor_despl.png');
        }
        .top_block.venta_block {
            background-image:url('../img/venta_despl.png');
        }
        .top_block.consultoria_block {
            background-image:url('../img/consultoria_despl.png');
        }
        .top_block.mantenimiento_block {
            background-image:url('../img/mantenimiento_despl.png');
        }
        .top_block.oficinatec_block {
            background-image:url('../img/oficinatec_despl.png');
        }
    
    .top_block_list {
		list-style-type: none;
        display:list-item;
        cursor:pointer;
        margin-left:10px;
    }
    .content_block {
        width:100%;
        display:none;
    }

#wrap_cajas_ppal {

}

    #wrap_cajas_ppal .caja_ppal {
        height:142px;
        width:207px;
        border:none;
        margin-bottom:5px;
        background:white;
        display:inline-block;
        position:relative;
        margin-left:2px;
        background:no-repeat;
    }

    #wrap_cajas_ppal .caja_ppal.web {
        background-image:url('../img/web.png');
    }
    #wrap_cajas_ppal .caja_ppal.sat {
        background-image:url('../img/sat.png');
    }
    #wrap_cajas_ppal .caja_ppal.outsourcing {
        background-image:url('../img/outsourcing.png');
    }
    #wrap_cajas_ppal .caja_ppal.cons {
        background-image:url('../img/cons.png');
    }
    #wrap_cajas_ppal .caja_ppal.contact {
        background-image:url('../img/contact.png');
    }
    #wrap_cajas_ppal .caja_ppal.clientes {
        background-image:url('../img/clientes.png');
    }
.black {
    font-weight:bold;
}

#contacto table {
    width:400px;
    margin-left:20px;
}
#contacto table input[type=text], #contacto table textarea, #contacto table select {
    width:300px;
    margin:1px 0px 1px 10px;
}
#contacto table select {
    text-align:left;
    padding-left:10px;
}

#contacto table select option{
    text-align:left;
    padding:1px 0px 1px 10px;
}