/*  Estilos generales  */

body{	background-image: url(bg.jpg); background-repeat: repeat-x; background-color: White; padding: 0; margin:0; font-size: 12px; font-family:  Trebuchet-MS, Arial , Verdana, Geneva, sans-serif, Helvetica; }

div#center{	width: 925px; margin: 0px auto 0 auto;}

div#center div#col{ width: 281px; height: 580px; background-image: url(bkg_menu.jpg); background-repeat: no-repeat; padding: 14px 0 0 0; float: left; margin: 0;}


div#center div#col h1{ font-size: 1em; width: 250px; height: 75px; margin: 0px auto 0 auto; padding: 0; overflow: hidden; display:block;}
div#center div#col h1 a{text-indent: -1000%; width: 220px; height: 75px; display:block;}
div#center div#col p{ color: white; font-size:0.9em;   text-align: left; padding: 20px 10px 0 22px; margin:0;}

div#col ul {margin: 24px 0 0 29px; padding: 0; width: 210px;}
div#col ul li{ height:23px; width: 210px; background-image: url(bkg_menu_btn.jpg); background-position: left center; list-style: none; margin: 0; padding: 0; }
div#col ul li.grande{height:24px;}
div#col ul li:hover{background-position: right center;}
div#col ul li a{ height:18px; width: 180px;  margin: 0; padding: 5px 0 0 30px; display:block; color: white; font-size:0.9em; font-weight: bolder; text-decoration: none;}
div#col ul li a:hover{color: #fefefe;}

div#col div#trabajos_realizados{height:114px; width: 220px; margin: 5px 0 0 30px; background-image: url(1.jpg);}
div#col div#trabajos_realizados img{ width: 220px; height: 114px; border: 0 none; margin:0 0 0 0;  /*filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0;*/ }
div#col div#trabajos_realizados a img{   display:block; height:114px; width: 220px; margin:  0;}
div#col div#bkg_menu_portfolio{height:24px; width: 217px; margin: 0 0 0 60px; background: url(bkg_menu_portfolio.jpg) no-repeat; overflow:hidden;} 
div#col div#bkg_menu_portfolio p{ padding: 5px 0 0 10px;  }

div#col div#directorio {height:24px; width: 205px; margin: 15px 0 0 35px; padding:0;}
div#col div#directorio p{color: white; font-size:0.9em; padding: 0; margin:0;}
div#col div#directorio p a{ color: white; text-decoration: none; }
div#col div#directorio p a:hover{ color: white; text-decoration: underline; }
div#col div#directorio h5{color: white; font-size:1.1em; padding: 0; margin:0; text-align: left;}
div#col h5{color: white; font-size:1em; padding: 6px 0 6px 0; width:70%; margin: 7px auto 0 auto; text-align: center;}  

div#center div#contenedor{ width: 625px; height: 580px; margin: 0; padding: 15px 0 0 10px; float: left;}
div#center div#contenedor_preguntas{ width: 625px; height: 580px; margin: 0; padding: 15px 0 0 10px; float: left; overflow: auto;}


div#center div#contenedor div#contacto{ margin: 0; padding: 0; width: 616px; height: 122px; background: url(bkg_contacto.jpg) no-repeat; clear: both;}

div#center div#pie_de_pagina{ width: 90%; margin:0 auto 0 auto; padding:0; }
div#center div#pie_de_pagina p{  font-size: 0.9em; color: #555; font-weight: bolder; margin:0; padding:0 0 7px 0; text-align:center;}
div#center div#pie_de_pagina p a{ color: #bbb }


/*  Estilos generales  */


/* Estilos Index */
div#center div#contenedor h2.titulo1{ width: 600px; height: 42px; text-indent: -999%; overflow: hidden; margin: 0px 0 0 0px; background-image: url(img_titulo_index.jpg); display: block;}
div#center div#contenedor div#imagen_central{  padding: 0; width: 284px; height: 204px; background-image: url(img_index.jpg); margin: 10px 0 10px 7px; float: left; }
div#center div#contenedor div.texto{ float: left; height: 204px; width:280px; padding: 15px 0px 0 16px; margin:0;}
div#center div#contenedor div.texto p { margin: 7px 0 0 0; font-size: 0.93em;  line-height: 130%; }

div#center div#contenedor div#contenido{  padding: 0; width: 620px; height: 188px; background-image: url(bkg_contenido_index.jpg); background-repeat: no-repeat; margin: 0 0 0 7px; clear: both; }
div#center div#contenedor div#contenido div.banner{ width: 200px; height: 100px; float: left; margin: 0 0px 0 2px; padding: 0;}
div#center div#contenedor div#contenido div.banner h3{font-size: 1em; width: 200px; height: 35px; margin: 0px auto 0 auto; padding: 0; overflow: hidden; display:block;}
div#center div#contenedor div#contenido div.banner h3 a{text-indent: -1000%; width: 220px; height: 75px; display:block;}
div#center div#contenedor div#contenido ul{margin: 0; padding: 0;}
div#center div#contenedor div#contenido ul li{margin: 0 auto 0 auto; background: url(flecha.gif); background-position: 0% 5px; background-repeat: no-repeat; list-style-position: outside; width: 86%; padding: 0 0 0 10px; list-style: none; font-size: 0.9em; color: #555;}

div#center div#contenedor div#contenido div.banner2{ width: 400px; height: 75px; float: left; margin: 5px 0px 0 2px; padding: 0; overflow: hidden;}
div#center div#contenedor div#contenido div.banner2 h3{  font-size: 1em; width: 90%; height: 35px; margin: 0px auto 0 auto; padding: 0; overflow: hidden; display:block;}
div#center div#contenedor div#contenido div.banner2 h3 a{text-indent: -1000%; width: 100%; height: 75px; display:block; margin: 0 auto 0 auto;}
div#center div#contenedor div#contenido div.banner2 p { width: 84%; margin: 0; padding: 0px 0 0 60px; font-size: 0.9em; color: #555;}

div#center div#contenedor div#contenido div.banner3{ width: 204px; height: 75px; float: left; margin: 8px 0px 7px 2px; padding: 0; overflow: hidden;}
div#center div#contenedor div#contenido div.banner3 h3{  font-size: 1em; width: 90%; height: 30px; margin: 0px auto 0 auto; padding: 0; overflow: hidden; display:block; text-indent: -1000%;}
div#center div#contenedor div#contenido div.banner3 p { width: 89%; margin: 0 0 0 22px; padding: 0 0 0 0; font-size: 0.9em; color: #555;}
/* Estilos Index */



/* Estilos internas generales  */

div#center div#contenedor div#colum_cont_izq{color: #555555; float: left; width: 310px; height: 415px; }
div#center div#contenedor div#colum_cont_izq p{ width: 84%; margin: 10px 0 14px 15px; font-size:11px;}
div#center div#contenedor div#colum_cont_izq h5{color:#55c1e7; font-size: 1.2em; font-weight: bolder; margin:0; padding: 0 0 0 10px;}
div#center div#contenedor div#colum_cont_izq h2{color:#55c1e7; font-size: 1.3em; font-weight: bolder; margin:0; padding: 0 0 0 10px;}
div#center div#contenedor div#colum_cont_izq ul{margin:5px 0 0 0; padding: 0;}
div#center div#contenedor div#colum_cont_izq ul li{margin: 0 auto 0 auto; background: url(flecha.gif); background-position: 0% 5px; background-repeat: no-repeat; list-style-position: outside; width: 86%; padding: 0 0 0 10px; list-style: none; font-size: 0.9em; color: #555;}
div#center div#contenedor div#colum_cont_izq ul#preg_frec{ margin: 20px 0 0 15px;}
div#center div#contenedor div#colum_cont_izq ul#preg_frec li{ margin: 10px 0 0 0; }

div#center div#contenedor div#colum_cont_der{ color: #555555; float: left; width: 310px; }
div#center div#contenedor div#colum_cont_der p{ width: 84%; margin: 10px 0 14px 15px; font-size:11px;}
div#center div#contenedor div#colum_cont_der h2{color:#55c1e7; font-size: 1.2em; font-weight: bolder; margin:0; padding: 0 0 0 10px;}
div#center div#contenedor div#colum_cont_der ul{margin:5px 0 0 0; padding: 0;}
div#center div#contenedor div#colum_cont_der ul li{margin: 0 auto 0 auto; background: url(flecha.gif); background-position: 0% 5px; background-repeat: no-repeat; list-style-position: outside; width: 86%; padding: 0 0 0 10px; list-style: none; font-size: 0.9em; color: #555;}
div#center div#contenedor div#colum_cont_der h3{color: green; font-size: 1.3em; font-weight: bolder; margin:10px auto 0 auto; width: 90%; text-align: center; }

div#center div#contenedor div#colum_cont_der div#principal{margin: 9px 0 10px 10px; padding: 10px 0 10px 0; width:266px; height: 294px; background: url(bkg_geral_1.jpg) no-repeat;}
div#center div#contenedor div#colum_cont_der div#secundario{margin: 0px 0 0px 10px; padding: 10px 0 10px 0; width:266px; height: 61px; background: url(bkg_geral_2.jpg) no-repeat;}
/* Estilos internas generales  */

/* Estilos de diseño-web */
div#center div#contenedor h2.diseno{ width: 600px; height: 43px; text-indent: -999%; overflow: hidden; margin: 0px 0 0 0px; background-image: url(titulo_diseno.jpg); background-position: -15px 0px ;display: block;}
div#center div#contenedor div#imagen_central_diseno_web{  padding: 0; width: 284px; height: 204px; background: url(img_diseno-web.jpg) no-repeat; margin: 10px 0 10px 7px; float: none;   }
div#center div#contenedor div#imagen_central_diseno_web ul {padding: 20px 0 0 0; width: 35%; margin: 0 0 0 160px;}
div#center div#contenedor div#imagen_central_diseno_web ul li{ font-weight: bolder;  color:#d45c14; margin: 5px 0 0 0;}
/* Estilos de diseño-web */

/* Estilos de comercio */
div#center div#contenedor h2.comercio{ width: 600px; height: 43px; text-indent: -999%; overflow: hidden; margin: 0px 0 0 0px; background-image: url(titulo_comercio.jpg); background-position: -15px 0px ;display: block;}
div#center div#contenedor div#imagen_central_comercio{  padding: 0; width: 284px; height: 204px; background: url(img_comercio_electronico.jpg) no-repeat; margin: 10px 0 10px 7px; float: none;   }
div#center div#contenedor div#imagen_central_comercio ul {padding: 20px 0 0 0; width: 50%;margin: 0 0 0 140px;}
div#center div#contenedor div#imagen_central_comercio ul li{ font-weight: bolder;  color:#d45c14; margin: 5px 0 0 0;}
/* Estilos de comercio */

/* Estilos de posicionamiento */
div#center div#contenedor h2.posicionamiento{ width: 600px; height: 43px; text-indent: -999%; overflow: hidden; margin: 0px 0 0 0px; background-image: url(titulo_posicionamiento.jpg); background-position: -15px 0px ;display: block;}
div#center div#contenedor div#imagen_central_posicionamiento{  padding: 0; width: 284px; height: 204px; background: url(img_posicionamiento_web.jpg) no-repeat; margin: 10px 0 10px 7px; float: none;   }
div#center div#contenedor div#imagen_central_posicionamiento ul {padding: 20px 0 0 0; width: 40%;margin: 0 0 0 160px;}
div#center div#contenedor div#imagen_central_posicionamiento ul li{ font-weight: bolder;  color:#d45c14; margin: 5px 0 0 0;}
/* Estilos de Posicionamiento */


/*Estilos Hosting*/
div#center div#contenedor h2.alojamiento{ width: 600px; height: 43px; text-indent: -999%; overflow: hidden; margin: 0px 0 0 0px; background-image: url(titulo_hosting.jpg); background-position: -15px 0px ;display: block;}
table#comparativa{	margin: 0px 0 0px 0; padding: 0; width: 100%; clear: both; font-family: 'Lucida Grande','Lucida Sans Unicode','Trebuchet MS',arial,verdana,sans-serif;	font-size: 11px; font-weight: normal; letter-spacing: 0px; color: #333333; }
table#comparativa td{	background: #EFEFEF; padding: 4px 4px 4px 4px; width: 20%;}
table#comparativa td.info{	background: #D6D6D6;	text-align: center;	font-weight: bolder;}
table#comparativa td.titulo{	background: #E8E8E8; }
table#comparativa th{	background: #6B8E23; color: White; padding: 0 0 0 5px; padding: 4px 4px 4px 4px;}
table#comparativa td.final{	background: #CCE79C;  text-align: center;}
table#comparativa td.final a{	font-family: 'Lucida Grande','Lucida Sans Unicode','Trebuchet MS',arial,verdana,sans-serif;	font-size: 11px; font-weight: normal; letter-spacing: 0px; color: #515151; text-decoration: none; text-align: center; font-weight: bolder;}
table#comparativa td.final a:hover{	color: #707070;}

div#center div#contenedor div#imagen_central_hosting{  padding: 0; width: 284px; height: 204px; background: url(img_hosting.jpg) no-repeat; margin: 10px 0 10px 7px; float: none;   }
div#center div#contenedor div#imagen_central_hosting ul {padding: 20px 0 0 0; width: 40%;margin: 0 0 0 160px;}
div#center div#contenedor div#imagen_central_hosting ul li{ font-weight: bolder;  color:#d45c14; margin: 5px 0 0 0;}
/*Estilos Hosting*/

/*Estilos Maquetacion web*/
div#center div#contenedor h2.maquetacion{ width: 600px; height: 43px; text-indent: -999%; overflow: hidden; margin: 0px 0 0 0px; background-image: url(titulo_maquetacion.jpg); background-position: -15px 0px ;display: block;}
div#center div#contenedor div#imagen_central_maquetacion{  padding: 0; width: 284px; height: 204px; background: url(img_maketacion.jpg) no-repeat; margin: 10px 0 10px 7px; float: none;   }
/*Estilos Maquetacion web*/

/*estilos de preguntas frecuentes*/
ul#listado_de_productos{  margin: 6px 0 0 10px; font-family:  "MS Sans Serif", Geneva, sans-serif;color: #575353; font-size: 0.9em; width:85%; padding: 0; }
ul#listado_de_productos li.tittle{ cursor: pointer; height:15px;	width:99%; font-family:  "MS Sans Serif", Geneva, sans-serif; color: green; padding: 4px 5px 4px 40px; font-size: 1em; margin: 1px 0 0 0; border: 1px solid #DFDFDF; border-collapse: collapse; background-color: #F3F3F3; list-style: none; background-image: url(vi1.gif); background-position: 2% center; background-repeat: no-repeat;}
ul#listado_de_productos li.tittle h3{ margin:0; padding:0; }
ul#listado_de_productos li h4{ margin:0; padding:0; font-size: 1.2em; }
ul#listado_de_productos li.tittle:hover{ cursor: pointer; color: green;  border: 1px solid Silver; border-collapse: collapse; background-color: #EDEDED; list-style: none; background-image: url(vi1.gif); background-position: 2% center; background-repeat: no-repeat;}
ul#listado_de_productos li{background-image: none; margin: 0; padding:0; }
ul#listado_de_productos li li{	padding: 2px 0 2px 25px; margin: 0; width:100%; list-style: none;  }
ul#listado_de_productos li li.titulo{	  list-style: none;  background-image: none; padding: 0 0 0 0; margin: 10px 0 2px 0px; }
ul#listado_de_productos li ul{margin: 1% 0 2% 0%;  width:100%; padding: 0;    }
ul#listado_de_productos li ul p{width: 90%;}

/*estilos de preguntas frecuentes*/

/*Estilos de Portfolio*/
div#center div#contenedor h2.nuestra_empresa{ width: 600px; height: 43px; text-indent: -999%; overflow: hidden; margin: 0px 0 0 0px; background-image: url(titulo_nuestra_empresa.jpg); background-position: 0px 0px ;display: block;}
h4.loquehacemos{ width: 428px; margin: 10px 0 10px 20px; display: block; font-size:1em; }
div#center div#contenedor div.portfolio{ height: 170px; width: 600px; margin: 7px 0 0 0;  } 
div#center div#contenedor div.portfolio img{ margin: 2px 10px 0 10px; float: left;}
div#center div#contenedor div.portfolio div{float: left; width: 270px;  margin: 0 0 0 10px;}
div#center div#contenedor div.portfolio h5#rubro_construnet{background: url(rubro_construnet.jpg) no-repeat; width: 236px; height: 16px; padding: 0; margin: 30px 0 0 12px;}
div#center div#contenedor div.portfolio h3{ margin:10px 0 0 0; width: 270px; background: url(fnd_url.jpg); height: 24px; padding: 5px 0 0 0;  color: #d45c14; text-align: center;}
div#center div#contenedor ul{margin:5px 0 0 0; padding: 0;}
div#center div#contenedor ul li{margin: 0 auto 0 auto; background: url(flecha.gif); background-position: 0% 5px; background-repeat: no-repeat; list-style-position: outside; width: 86%; padding: 0 0 0 10px; list-style: none; font-size: 0.9em; color: #555;}
div#center div#contenedor div.portfolio h5#rubro_alquilerbares{background: url(rubro_alquilerbares.jpg) no-repeat; width: 236px; height: 16px; padding: 0; margin: 40px 0 0 12px;}
div#center div#contenedor ul#paginacion{ padding: 3px 0 3px 0; width: 270px; margin: 10px 20px 0 340px; overflow:visible;  }
div#center div#contenedor ul#paginacion li{ height: 16px; padding: 2px 0px 2px 0px; background-image: none; background-color: #fdfdfd; border: 1px solid #ddd; display:inline; margin: 2px 2px 0px 2px; clear: both;}
div#center div#contenedor ul#paginacion li.actual{ background: #cdc;  }
div#center div#contenedor ul#paginacion li:hover{background: #ded;}
div#center div#contenedor ul#paginacion li a{ padding: 0 6px 0 6px; color: black; text-decoration: none; }
/*Estilos de Portfolio*/

/* Estilos de Contacto */

div#center div#contenedor h2.contacto{ width: 600px; height: 43px; text-indent: -999%; overflow: hidden; margin: 0px 0 0 0px; background-image: url(titulo_contacto.jpg); background-position: -15px 0px ;display: block;}
div#center div#contenedor #div_error{ font-family:arial,sans-serif;font-size:14px;z-index:2;display:none;position:absolute;border:1px;border:1px solid #DDD;width:330px;height:420px;background:white; }

div#center div#contenedor #div_error p  { width:80%; margin:10px 0 10px 20px; font-size:12px; color:#666; }
div#center div#contenedor #div_error ul { width:80%; margin:10px 0 10px 20px; font-size:12px; color:#666; padding:0; }
div#center div#contenedor #div_error ul li { width:80%; margin:5px 0 0 0; }
div#center div#contenedor #div_error a { text-decoration:none; }
div#center div#contenedor #div_error a:hover { text-decoration:underline; }

.lista{	width:290px;	height:22px;	padding-top:2px;	font-family:Verdana, Arial, Helvetica, sans-serif;	color:#666666;	font-size:12px;	border:solid 1px #666666 !important;}
.campo{	width:287px;	height:18px;	font-family:Verdana, Arial, Helvetica, sans-serif;	color:#44a5d7;	font-size:12px;	padding-top:5px;	border:solid 1px #666666;}
.area{	width:287px;	height:106px;	font-family:Verdana, Arial, Helvetica, sans-serif;	color:#44a5d7;	font-size:12px;	border:solid 1px #666666;}

div.boton_enviar{ 	float:right;	padding-top:15px;	padding-right:35px;}

div#center div#contenedor div#formu{width: 370px; margin:0; padding:10px 10px 10px 10px; float: left;}
div#center div#contenedor div#datos{width: 165px;  margin:10px 0px 10px 0px; float: left; background:url(fnd_datos_cont.jpg) no-repeat; height:300px; padding:207px 20px 0 15px;}
div#center div#contenedor div#datos p{ color: #333; font-size: 0.9em; padding: 0; margin: 10px 0 14px 15px;}
div#center div#contenedor #form1 { overflow:hidden; margin: 0; padding:10px 10px 10px 10px; width:350px; height:500px; background:url(fnd_cont.jpg) no-repeat;  } 
div#center div#contenedor #form1 div{ padding: 1px 0 2px 0; }
div#center div#contenedor #form1 h4 {color:red;font-size:11px;padding:2px 10px 3px 10px ;margin:0;background:#fefefe;border:1px solid #ddd;}

/* Estilos de Contacto */

/* Estilos fnd */
div#center div#contenedor div#fondo_principal{overflow:hidden; margin:10px 10px 10px 10px; padding:10px 10px 10px 10px; width:350px; height:500px; background:url(fnd_cont.jpg) no-repeat; float:left;}
div#center div#contenedor div#datos_adicionales{width: 200px; padding:0; margin:10px 0px 10px 0px; float: left; background:url(fnd_secundario.jpg) no-repeat; height:520px;}

div#center div#contenedor div#datos_adicionales ul{ margin:215px 0 0 0; }
div#center div#contenedor div#datos_adicionales ul a{color: #00a2e0; }

div#center div#contenedor div#fondo_principal ul#cat_enlaces{ margin: 10px 0 15px 10px; }
div#center div#contenedor div#fondo_principal ul#cat_enlaces li{ margin: 5px 0 5px 10px; font-size: 1.2em; padding: 0 0 0 20px; background-position: 2px 7px;   }
div#center div#contenedor div#fondo_principal ul#cat_enlaces li a {color: #00a2e0; text-decoration:underline;}
div#center div#contenedor div#fondo_principal h3 { font-size: 1.3em; color: #333; }

div#center div#contenedor div#fondo_principal p{ margin: 7px 15px 5px 20px;  font-size: 1.1em;}
/*Estilos fnd */

/* Estilos directorio */
div#center div#contenedor h2.links{ width: 600px; height: 43px; text-indent: -999%; overflow: hidden; margin: 0px 0 0 0px; background-image: url(titulo_enlaces.jpg); background-position: -15px 0px ;display: block;}
div#center div#contenedor  ul#enlaces{ height: 400px; font-size: 1.1em; }
div#center div#contenedor  a{color: #00a2e0; }