/* CSS InvisionArg */

body { font-family:"Trebuchet MS", Arial, Verdana; font-size:12px; color:#666666; margin:0px; }

h1 { color:#3494FF; font-size:25px; font-weight:normal; margin:10px 0px; border-bottom:1px solid #ededed; }
h2 { }
h3 { }

p { margin:5px; }

a { color:#3494FF; text-decoration:none; }
a:hover { color:#000; }

#contenedor { width:800px; margin:0 auto; vertical-align:middle; background:url(/images/bg_site.jpg) repeat-y; padding:5px 0px; }

/* Top Lang ----------------------------------------------------------------------------------------------------------------- */
#top_lang { margin:0 auto; vertical-align:middle; background:url(/images/bg_toplang.jpg) no-repeat; background-color:#333333; width:730px; height:46px; display:block; text-align:right;  }
#top_lang .eng { float:right; margin:7px 10px 0px 0px; }  #top_lang .esp { margin-top:7px; }

/* Header ----------------------------------------------------------------------------------------------------------------- */
#header { margin:0 auto; vertical-align:middle; width:730px; height:126px; overflow:hidden; background:#6587CB; }

/* Top Menu ------------------------------------------------------------------------------------------------------------------ */
#top_menu { margin:0 auto; vertical-align:middle; width:729px; background:url(/images/bg_mainmenu.jpg) no-repeat; height:38px; background-color:#000000; text-transform:uppercase; }
#top_menu ul { margin:0px; padding:0px; list-style:none; float:right; }
#top_menu ul li { float:left; margin:10px 0px; }
#top_menu ul li a { color:#CCFF00; text-decoration:none; background:url(/images/div_mainmenu.jpg) no-repeat left center; padding:4px 12px; }
#top_menu ul li a:hover { color:#FFFFFF; }

/* Left Menu ----------------------------------------------------------------------------------------------------------------- */
#left_menu { width:200px; float:left; margin:5px 0 5px 38px; /margin:5px 0 5px 38px; _margin:5px 0 5px 19px; font-size:12px; }
#left_menu .block { background:url(/images/sidebar_fill.jpg) top center repeat-y; margin: 2px 0 6px 0; }
#left_menu .block span { display:block; background: url(/images/sidebar_top.jpg) top center no-repeat; }
#left_menu .block span span { display:block; width: 100%; height: 100%; background: url(/images/sidebar_bottom.jpg) bottom center no-repeat; padding: 10px 0 20px 0; } 

#left_menu ul.menu, ul.menu ul { list-style:none; margin: 0; padding: 0; } 
#left_menu ul.menu { padding: 0 15px; }
#left_menu ul.menu ul { margin: 5px; }
#left_menu ul.menu li a { color:#CCFF00; border-bottom:1px solid #CCFF00; display:block; text-decoration:none; font-weight:bold; padding:1px 0px; }
#left_menu ul.menu li a:hover { color:#f2f2f2; }
#left_menu ul.menu li ul li a { color:#f2f2f2; text-decoration:none; background:url(/images/bullet_sq.gif) no-repeat left center; padding:0px 0px 0px 15px; border:0px; display:inline; font-weight:normal; }
#left_menu ul.menu li ul li a:hover { color:#CCFF00; border: none; }


.rec { width:200px; float:left; margin:5px 5px 5px 38px; /margin:5px 5px 5px 38px; _margin:5px 2px 5px 19px; font-size:12px; }
.rec { background:url(/images/sidebar_fill.jpg) top center repeat-y; margin: 2px 0 6px 0; }
.rec span { display:block; background: url(/images/sidebar_top.jpg) top center no-repeat; }
.rec span span { display:block; width: 100%; height: 100%; background: url(/images/sidebar_bottom.jpg) bottom center no-repeat; padding: 10px 0 20px 0; } 

.rec h1 { color:#CCFF00; border-bottom:1px solid #CCFF00; display:block; font-weight:bold; padding:1px 0px; font-size:12px; margin:0px 15px;}
.rec p { margin:10px 15px; color:#f2f2f2; }
.rec a { color:#CCFF00; text-decoration:none; } 
.rec a:hover { color:white; border-bottom:1px dotted white; }

/* Contenido ----------------------------------------------------------------------------------------------------------------- */
#contenido { padding:10px 0px 0px 0px; width:521px; float:left;}

#contenido ul { list-style: none; margin: 0; padding: 0; }
#contenido ul li { background: url(/images/bullet_sq_g.gif) left center no-repeat; padding: 0 0 0 15px; margin-left: 15px; }

#contenido ol li { padding-right: 32px; margin-bottom: 12px; }

#planes_hosting { display:block; margin:10px 3px 0px 3px; width:515px; }
#planes_hosting h1 { background:url(/images/bullet_sq.gif) no-repeat left center; background-color:black; display:block; color:#CCFF00; font-size:13px; margin:0px; padding:4px 0px 4px 15px;  }

#stand, #mast, #pro { width:170px; float:left; background:white; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; padding:0px 0px 5px 0px;}
#stand { border-left:1px solid #CCCCCC; }
#stand h1, #mast h1, #pro h1 { background:url(/images/bg_grad_grey.jpg) repeat-x top left; padding:5px; color:#666666; font-size:20px; margin:0px; font-weight:normal; text-align:center; border-bottom:1px solid #CCCCCC; }
#stand h1 a, #mast h1 a, #pro h1 a { color:#666666; text-decoration:none; }
#stand h1 a:hover, #mast h1 a:hover, #pro h1 a:hover { color:#3494FF; }
#stand ul, #mast ul, #pro ul { margin:5px 10px; padding:0px; list-style:none; }
#stand ul li, #mast ul li, #pro ul li { background:url(/images/arrow_lightblue.gif) no-repeat left center; padding:3px 0px 3px 18px; color:#333333; }

.banner_dedicados { margin:10px 0px; }

a.linkbar { display:block; width: 497px; height: 28px; padding: 4px 12px; background: red url(/images/single_bar.jpg) top left no-repeat; font: normal 20px "Trebuchet MS", Arial, Verdana; color: #FFF;}
a.linkbar:hover { text-decoration: underline; }

/* FORMS --------------------------------------------------------------------------------------------------------------------- */

form { margin:10px; }
form input, form input#radio, form textarea { 
background:url(/images/bg_input.jpg) no-repeat left center; 
/background:url(/images/bg_input.jpg) no-repeat left center ; 
_background:url(/images/bg_input.jpg) fixed left center; 
border:none; padding:7px; color:#333333; font-size:11px; margin-left:7px; width:169px; height:13px; }
form select {
background:#E4E4E4; border:1px #E2E2E2 solid; padding:2px; font-size:12px; width:182px; height:22px; margin:0 8px; }

form textarea {
background:url(/images/bg_textarea2.jpg) no-repeat left center; 
/background:url(/images/bg_textarea2.jpg) no-repeat left center ; 
_background:url(/images/bg_textarea2.jpg) fixed left center; 
width:240px; height:114px; }
form input#radio { width:20px; }
form input#enviar, form input#borrar { background:url(/images/btn_bg.jpg) no-repeat; width:114px; height:27px; color:#333333; border:0px; font-weight:bold; padding:0px 0px 2px 0px; }
.line_form, line_form_btns{ display:block; clear:both; font-size:13px; padding:2px; margin:1px 0px; }
.line_form_btns { text-align:center; margin-top:20px; }
.line_form span { display:block; float:left;width:200px; text-align:right; background:url(/images/arrow_lightblue.gif) no-repeat right center; padding-right:18px; padding-top:3px; height:24px; }
.line_form span.sp { width:170px; }

form#cpaneli { margin-top:20px; text-align:center; }

#contenido .errors {
	position: relative;
	width: 525px;
	background: url(/images/errors-box-fill.jpg) center center repeat-y;
	margin: 8px auto;
	}
	
#contenido .errors span {
	display: block;
	background: url(/images/errors-box-top.jpg) top center no-repeat;
	}

#contenido .errors span span {
	background: url(/images/errors-box-bottom.jpg) bottom center no-repeat;
	padding: 14px 18px;
	}
	
#contenido .errors ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #DF7800;
	}
	
#contenido .errors li {
	display: block;
	height: 16px;
	background: transparent url(/images/error_delete.png) 0 -1px no-repeat;
	padding-left: 20px;
	margin: 6px 0;
	}
	
div#sidecolumn p.inline-errors {
	padding: 10px;
	margin: 0;
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #DF7800;
	}


/* Planes -------------------------------------------------------------------------------------------------------------------- */
#descripcion_plan { background:url(/images/bg_plan_rp.jpg) repeat-y top; width:518px; }
.item { margin:2px 20px 2px 20px; border-bottom:1px solid #e1e1e1; background:url(/images/arrow_lightblue.gif) no-repeat left center; padding:2px 0px 0px 18px; display:block; clear:both; height:20px;  }
.item span { color:#006699; font-weight:bold; width:240px; display:block; float:left; }
.item span.desc { color:#333; font-weight:normal; width:150px; display:block; float:left; font-weight:bold; }
.bottom { background:url(/images/bg_plan_btm.jpg) no-repeat bottom; width:518px; height:16px; display:block; }
.top { background:url(/images/bg_plan_top.jpg) no-repeat top; width:518px; height:16px; display:block; clear:both;  }
.contratar_plan { display:block; clear:both; text-align:right; font-size:22px; background:url(/images/contratar_plan.jpg) no-repeat right center; padding:5px 46px 5px 7px; margin:10px; font-weight:bold;}

/* Noticias ------------------------------------------------------------------------------------------------------------------ */
.noticia { display:block; margin:20px 10px; padding:5px; border-bottom:1px dotted #3494FF; }
.noticia h1 { font-size:16px; margin:0px 0px 5px 0px; color:#333333; border-bottom:0px; float:left; }
.noticia h1 a { color:#333333; text-decoration:none; } .noticia h1 a:hover { color:#3494FF; }
.noticia span { color:#3494FF; float:right; background:url(/images/calendar.gif) no-repeat left center; padding-left:15px; font-size:11px; }
.noticia p { display:block; clear:both; margin:5px 0px; }

/* Productos ----------------------------------------------------------------------------------------------------------------- */
.producto { width:145px; float:left; margin:5px 7px 20px 7px; border:1px solid #ccc; padding:4px; }
.producto h1 { font-size:16px; margin:0px 0px 5px 0px; color:#3494FF; border:0px;  }
.producto .img { border:1px solid #CCCCCC; padding:1px; margin:0px 0px 5px 5px; display:block; clear:both; }
.producto span { color:#669900; font-size:11px; font-weight:bold;  }
.producto span.consultar { float:right; font-weight:normal;  }
.producto p { font-size:11px; color:#333333; line-height:12px; margin:5px 0px; }

/* Detalle Productos */
.det_producto { }
.det_producto h1 { }
.det_producto .columna { width:260px; margin:0px 10px 10px 0px; float:left; height:500px; }
.det_producto .columna .img { border:1px solid #CCCCCC; padding:1px; margin:0px 0px 10px 0px; }
.det_producto p { line-height:15px; }
.det_producto h2 { font-size:14px; margin:10px 0px 5px 0px; font-weight:normal; color:#000; }
.det_producto .stock_alto { color:#FF6600; font-size:13px; }
.det_producto .consultar { background:url(/images/ico_consultar.jpg) no-repeat left center; padding-left:22px; margin:10px 0px 0px 20px; display:block; font-size:13px; font-weight:bold; }

/* Footer -------------------------------------------------------------------------------------------------------------------- */
#footer, #footer_logos { margin:0 auto; vertical-align:middle;  background:url(/images/bg_footer.jpg) no-repeat; 
background-color:#d7d7d7; width:727px; height:40px; display:block; clear:both; }
#footer a { color:#006699; text-decoration:none; } #footer a:hover { text-decoration:underline; }
.right { float:right; margin:11px; text-align:right; } .left { float:left; margin:11px; text-align:left;}

#footer_logos { background:url(/images/bg_footerlogos.jpg) no-repeat; width:729px; height:66px; text-align:center; }
#footer_logos img { margin:7px 10px; }

/* Caminito ------------------------------------------------------------------------------------------------------------------ */
#caminito { font-size:10px; color:#999999; display:block; }

/* Varios -------------------------------------------------------------------------------------------------------------------- */
.clearer { clear: both; }
.invision { color:#3494FF; font-weight:bold; }
.precio { color:#669900; font-weight:bold; font-size:13px; }
.pre { color:#000; font-weight:bold; font-size:13px; }
.bg_invision { background:url(/images/bg_logo_invision.jpg) no-repeat bottom right; padding-bottom:25px; margin-bottom: 42px; }
.left2{ float:right; margin:0px 0px 0px 10px;  }
p#pagination { float: left; width: 100%; font-weight: bold; text-align: center; margin: 18px 0; }

/* Portfolio ------------------------------------------------------------------------------------------------------------------ */
div.project { clear: both; padding: 5px; }
div.project #thumbs div.image { margin: 0 8px 8px 0; }
div.project div.image, div.project div.details { float: left; }
div.project div.image a { display: block; float: left; background: #FFF; border: 1px #CFCFCF solid; padding: 4px; }
div.project div.image a:hover { background: #3494FF;}
div.project div.image a img { display: block; height: auto; border: 1px #CFCFCF solid; }
div.project div.image a:hover img { border: 1px #3494FF solid; }
div.project div.details { width:332px; margin: 20px 0 0 12px; }
div.project span.title {
display:-moz-inline-box; display:inline-block;
float: left;
clear: both;
font: bold 16px "Trebuchet MS", Arial, Verdana;
color: #3494FF; }
div.project span.enlace,
div.project span.enlace a {
display:-moz-inline-box; display:inline-block;
float: left;
clear: both;
font: bold 14px "Trebuchet MS", Arial, Verdana;
color: #5F5F5F; }
div.project span.enlace a:hover { color: #000; }
div.project p { float: left; width: 100%; padding:0; margin:12px 0 0 0; clear: both; }
div.project h1 { display: block; font-size: 22px; font-weight: bold; border: none; margin: 12px 0 0 0; }
div.project h2, div.project h2 a { font-size: 14px; font-weight: bold; color: #5F5F5F; margin: 0 0 0 1px; }
div.project ul#ficha { list-style: none; padding: 0; margin: 12px 4px; border-top: 1px #CFCFCF dotted;}
div.project ul#ficha li { margin: 2px 0; background: url(/images/arrow_lightblue.gif) 0 3px no-repeat; border-bottom: 1px #CFCFCF dotted; color: #000; }
div.project ul#ficha li span { display:-moz-inline-box; display:inline-block; width: 140px; color: #666; }
div.project div#description { margin-bottom: 0; }

/* Panel de Control ------------------------------------------------------------------------------------------------------ */
ul#anuncios, ul#novedades {
float: left;
clear: both;
list-style: none;
padding: 0;
margin: 0;
}
ul#novedades { margin-bottom: 12px; }
ul#anuncios li, ul#novedades li {
width: 523px;
margin: 0;
padding: 0;
background: url(/images/white-box-middle.jpg) top left repeat-y;
}
ul#anuncios li span, ul#novedades li span {
display: block;
height: 100%;
background: url(/images/white-box-top.jpg) top left no-repeat;
}
ul#anuncios li span span, ul#novedades li span span {
display: block;
width: 475px;
height: 100%;
background: url(/images/white-box-botom.jpg) bottom left no-repeat;
padding: 24px;
}

ul#anuncios li p {
width: 460px;
font-weight: bold;
color: #DF0000;
}
ul#novedades li p {
width: 460px;
}

ul#micuenta { display: block; float: left; clear: both; }
ul#micuenta li { display:-moz-inline-box; display:inline-block; float: left; background: url(/images/arrow_lightblue.gif) 1px 3px no-repeat; margin: 3px; }
ul#micuenta li a { color: #000; }
ul#micuenta li a:hover { color: #3494FF; }

#contenido ul.servicio { list-style: none; padding: 0; margin: 0 0 12px 4px; border-top: 1px #CFCFCF dotted;}
#contenido ul.servicio li { margin: 2px 0; background: url(/images/arrow_lightblue.gif) 0 3px no-repeat; border-bottom: 1px #CFCFCF dotted; color: #000; }
#contenido ul.servicio li span { display:-moz-inline-box; display:inline-block; width: 200px; color: #666; vertical-align:top }
#contenido ul.servicio li p { position:relative; display: -mozilla-inline-box; display:inline-block; margin: 0 0 0 200px; width: 260px; top:-18px }
#contenido ul.servicio li img.border_blue { border: 1px #3494FF solid }
#contenido ul.servicio li img.border_gray { border: 1px #CFCFCF solid }
#contenido ul.servicio li img { margin: 4px 0; }
#contenido ul.servicio li.actions { border: none; background: none; }
#contenido button.accion { background:url(/images/btn_bg.jpg) no-repeat; width:114px; height:27px; color:#333333; border:0px; font-weight:bold; padding:0px 0px 2px 0px; cursor: pointer; }


/* Blue Box --------------------------------------------------------------------------------------- */
div.blue_box,
div.green_box {
	position: relative;
	float: left;
	clear: both;
	width: 514px;
	margin-bottom: 10px;
	left: 3px;
	background: url(/images/blue_box_fill.jpg) top center repeat-y;
}

div.blue_box span,
div.green_box span {
	display: block;
	width: 100%;
	height: 100%;
	background: url(/images/blue_box_bottom.jpg) bottom center no-repeat;
	}

div.blue_box span h1,
div.green_box span h1 {
	margin: 0;
	padding: 0;
	background: url(/images/blue_box_top.jpg) top center no-repeat;
	border: none;
	height: 38px;
	font: bold 18px "Trebuchet MS", Arial, Verdana;
	color: #FFF;
	padding: 7px 18px 0 18px;
	}
	
div.blue_box span p,
div.green_box span p {
	margin: 0;
	padding: 6px 20px 32px 20px;
	}
	
div.green_box { background: url(/images/green_box_fill.jpg) top center repeat-y; }
div.green_box span { background: url(/images/green_box_bottom.jpg) bottom center no-repeat; }
div.green_box span h1 { background: url(/images/green_box_top.jpg) top center no-repeat; }