/* Elementos estandar */
body {
	margin:0;
	background:#617288;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px
}

img {
	border:0;
}

A {
	text-decoration:none;
	color:#496383;
	cursor:pointer;
}

.error{
	font-size:11px;
	color:#F00 !important;
}

.clear{
	clear:both;
}
/* Fin Elementos Estandar */

/* Layout */
#pantalla {
	width:100%;
	text-align:center;
}
#contenedor {
	width:991px;
	height:auto;
	margin:-4px auto 0;
}
#sombraIzq {
	background:url(../imagenes/sombraIzq.png) repeat-y left;
	width:auto;
	height:auto;
}
#sombraDer {
	background:url(../imagenes/sombraDer.png) repeat-y right;
	width:auto;
	height:auto;
	padding:0 18px;
}

#opacidad{
	width:100%;
	height:100%;
	position:fixed;
	z-index:999;
	background-color:#000;
	display:none;
	left:0;
	top:0;
}

.msAb, .msAr, .msAi, .msAd{cursor:pointer;}
/* Fin Layout */

/* Header */
#header {
	background:url(../imagenes/headinf.gif) repeat-x;
	width:100%;
	height:110px;
	margin:0 auto;
}
#headCont {
	width:973px;
	height:109px;
	display:inline-block;
	text-align:right;
}
#brillo {
	background:url(../imagenes/headbrillo.png) repeat-x;
	width:973px;
	height:109px;
	display:block;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-487px;
	z-index:2;
}
#logo {
	width:292px;
	height:63px;
	margin:20px;
	float:left;
	z-index:3;
	position:relative;
}
.imagenHeader {
	background:bottom center;
	width:955px;
	height:100px;
	position:absolute;
	top:8px;
	left:50%;
	margin-left:-479px;
	display:block;
	z-index:1;
}
#accesoClientes {
	display:block;
	margin:5px 40px;
	position:relative;
	z-index:3;
}
#menu {
	display:block;
	height:35px;
	margin:40px 38px 0 0;
	width:auto;
	z-index:3;
	position:relative;
}
.menuC ul {
	list-style:none;
	margin:0;
	padding:0;
}
.menuC ul li {
	width:auto;
	float:left;
	padding:8px 10px 0;
	font:14px "Myriad Pro", Verdana, bold;
	color:#FFF;
	height:35px;
}
.menuC ul li a, #accesoClientes a, #navegacion a {
	font:14px "Myriad Pro", Verdana, bold;
	color:#FFF;
}
.menuC ul li a:hover, #accesoClientes a:hover, #navegacion a:hover {
	font:14px "Myriad Pro", Verdana, bold;
	color:#68A0F4;
}
.menuI {
	width:17px;
	height:35px;
	background:url(../imagenes/menuI.png) no-repeat right;
	float:right;
}
.menuC {
	width:auto;
	height:35px;
	background:url(../imagenes/menuC.png) repeat-x;
	float:right;
	min-width:250px;
}
.menuD {
	width:17px;
	height:35px;
	background:url(../imagenes/menuD.png) no-repeat left;
	float:right;
}
#sombraSup {
	background:url(../imagenes/sombrasup.png) repeat-x top;
	width:100%;
	height:4px;
	position:relative;
	display:block;
	z-index:2;
	margin-bottom:-4px;
	font-size:0px !important;
}
/* Fin Header */

#pagina {
	background:#EAEAEA;
	padding:10px;
	height:auto;
	width:auto;
	text-align:left;
}
/* Pie */
#pie {
	background:url(../imagenes/headinf.gif) repeat-x top left;
	height:85px;
	width:100%;
}
.logo{ cursor:pointer;height:35px; float:right; padding-left:20px; background-repeat: no-repeat; background-position:bottom; margin-top:25px;}
.logo:hover{background-position:top !important;}
#cristalmediaLogo {
	width:147px;
	background-image:url(../imagenes/cristalmedialogo.png);
}
#cristalitLogo {
	width:73px;
	background-image:url(../imagenes/cristalitlogo.png);
}
#controldeahorroLogo {
	width:80px;
	background-image:url(../imagenes/controldeahorrologo.png);
}
/* Fin Pie */

/* Botones */
.puntoQueCubre{
	width:100%;
	height:100%;
}

/* Slide Imagenes */
#cmSlide{
	background:#FFF;
	width:auto;
	height:auto;
	position:fixed;
	left:50%;
	top:50%;
	margin:auto;
	z-index:99999;
	padding:10px;
}

#flashInicio {
	width:935px;
	height:300px
}

#scrollSlide {
	overflow: hidden;
	position: inherit;
	clear: left;
}

.fondoPar {
	background-color:#EAEAEA;
}

.fondoImpar {
	background-color:#F8F8Ff;
}

.fondoPar:hover, .fondoImpar:hover {
	background-color:#DCE6F8;
}


.encabezado1 {
	font:16px "Myriad Pro", Verdana, bold;
	color:#68A0F4;
	margin:16px 0;
}
.cuboInfo {
	float:left;
	width:288px;
	height:100px;
}
#ped, #ut {
	width:auto;
	height:auto;
	float:left;
}
#ut {
	margin:10px 0 0 0;
}
#enDesarrollo, #Ultimos {
	width:294px;
	height:auto;
	float:left;
}

.infoTrabajos {
	width:auto;
	float:left;
	height:auto;
	margin:5px 0;
	text-align:left;
}
.mini {
	display:inline-block;
	float:left;
	cursor: pointer;
	vertical-align:middle;
}
.mini img{
	border:none !important; 
}
.padSup10 {
	padding-top:10px;
}
.padIzq10 {
	padding-left:10px;
}
.padDer10 {
	padding-right:10px;
}
.padAba10 {
	padding-bottom:10px;
}
.titulo20 {
	font:18px/20px Arial;
}
.titulo24 {
	font:22px/24px Arial;
}
.titulo18 {
	font:16px/18px Arial;
}
.texto16 {
	font:14px/16px Arial;
}
.texto14 {
	font:12px/14px Arial;
}
.texto13 {
	font:11px/13px Arial;
}
.texto12 {
	font:10px/12px Arial;
}
.numeroPasos{
	width:48px !important;
	height:37px !important;
	background-color:#DCE6F8;
	text-align:center;
	font-size:36px !important;
	padding-top:11px;
	vertical-align:middle !important;
	float:left;
}
.gris {
	color:#666;
}
.grisOscuro {
	color:#333;
}
.azulOscuro {
	color:#496383;
}
.verde {
	color:#ABC014;
}
.rojo{
	color:#C01414;
}
.naranja {
	color:#DC7A0E;
}
.naranja li{
	list-style-image:url(../imagenes/ItemNaranja.png) !important;	
}
.blanco {
	color:#FFF;
}
.negrita {
	font-weight:bold;
}
.cursiva{
	font-style:italic;
}
.justificado {
	text-align:justify;
}
.item {
	padding-bottom:10px;
	height:35px;
}
.item2 {
	padding:10px;
	height:35px;
}
.item3 {
	padding:10px;
	margin:20px 10px;
	height:auto;
	width:365px;
	float:left;
}
.dataItem {
	display:inline-block;
	float:left;
	vertical-align:middle;
	margin-left:10px;
}
.tituloItem {
	font:12px Tahoma, Geneva, sans-serif;
	color: #EAEAEA;
}
.tituloItem a {
	color: #EAEAEA;
}
.tituloItem a:hover {
	color: #BFC8DB;
}
.subtituloItem {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:10px;
	color:#39F;
}
.limpiar {
	clear: both;
}
#tablaHosting td{padding:0 5px;}
.tituloHosting{background:url(../imagenes/tituloHosting.gif) repeat-x bottom; height:20px;}
.tituloPar{ background:#DAE2E7}
.tituloImpar{ background:#EEE;}

.selectDeBarra{
	width:212px;
}

#contArticulo {
	width:650px;
	position:relative;
	font:12px Verdana, Geneva, sans-serif;
	margin:10px 0 0 0;
	padding:10px;
	background:#FFF;
	margin-right:265px;
}
.tituloArt {
	position:relative;
}
#navegacion {
	background:#666;
	font:12px Verdana, Geneva, sans-serif;
	padding:3px 0 0 10px;
	color:#FFF;
	width:auto;
	height:20px;
}

#navegacion span{padding: 10px;}
#barraLateral, .barraLateral {
	width:235px;
	position:relative;
	float:right;
	background:#3F3F3F;
	padding:0 10px 10px;
	margin-top:10px;
	height:auto;
}
#barraLateral ul, .barraLateral ul {
	list-style-image:url(../imagenes/Item.png);
	margin:0 0 0 10px;
	padding:0;
}
#barraLateral ul li h2, .barraLateral ul li h2 {
	color:#68A0F4;
	font:16px Arial, Helvetica, sans-serif;
}
#barraLateral h1 a, .barraLateral h1 a {
	color:#68A0F4
}
#barraLateral ul li, .barraLateral ul li {
	margin:3px 0 0 10px;
}
#barraLateral ul li, .barraLateral ul li {
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
}
#barraLateral ul li a, .barraLateral ul li a {
	color:#FFF;
}
#barraLateral ul li a:hover, .barraLateral ul li a:hover {
	color:#68A0F4;
}

.menu {
	width:200px;
	height:auto;
}
#contMS {
	overflow:hidden;
	height:auto;
	max-height:180px;
	width:211px;
	margin-right:24px;
}
#flechasMenu {
	float:right;
	position:relative;
	vertical-align:middle;
	margin-top:170px;
	width:24px;
}
#flechasMenu img {
	vertical-align:middle;
	cursor:pointer;
}


.imageflow {
	visibility:hidden;
	position:relative;
	text-align:left;
	width:100%;
	overflow:hidden;
}
.imageflow img {
	visibility:hidden;
	position:absolute;
	top:0px;
	border:none;
}
.imageflow p {
	text-align:center;
	margin:0 auto;
}
.imageflow .loading {
	position:relative;
	left:50%;
	margin-left:-106px;
	width:200px;
	height:15px;
	padding:5px;
	visibility:visible;
	border:1px solid white;
}
.imageflow .loading_bar {
	height:15px;
	width:1%;
	background:#fff;
	visibility:visible;
}
.imageflow .caption {
	font-weight:bold;
	position:relative;
	text-align:center;
	z-index:10000;
}
.imageflow .scrollbar {
	visibility:hidden;
	position:relative;
	border-bottom:1px solid #b3b3b3;
	z-index:10001;
}
.imageflow .slider {
	position:absolute;
	margin-top:-7px;
	margin-left:-7px;
	z-index:10002;
	background-image:url(slider.png);
	background-repeat:no-repeat;
	width:14px;
	height:14px;
}

/* CONTACTO */
.cuerpo {
	padding:10px;
	width:910px;
	height:auto;
	background:#3F3F3F;
}
.labelContacto {
	font-family:"Myriad Pro", Verdana;
	font-size:18px;
	color:#FFF;
}
/* TextArea Gris */
.textArea {
	width:365px;
	height:90px;
}
/* Campo de texto gris */
.campoTextoGris {
	width:auto;
	height:auto;
}
.campoTextoGrisI, .campoTextoGrisD {
	width:7px;
	height:23px;
	float:left;
}
.campoTextoGrisI {
	background:url(../imagenes/campot1i.png) no-repeat;
}
.campoTextoGrisD {
	background:url(../imagenes/campot1d.png) no-repeat;
}
.campoTextoGrisC {
	background:url(../imagenes/campot1c.png) repeat-x;
	width:auto;
	height:22px;
	padding:1px 0 0 0;
	float:left;
}
.campoTextoGrisT, .campoTextoTrans {
	border:none;
	background:transparent;
	font:16px Arial, Helvetica, sans-serif, bold;
	color:#666;
	width:180px;
}

/* Portada */
#aQue {
	display:inline-block;
	float:left;
	width:893px;
	height:auto;
	padding:0 10px;
	text-align:center;
}
#novedades {
	background:#3F3F3F;
	padding:10px;
	margin: 10px 0;
	height:300px;
}

#columna1, #columna2 {
	display:inline-block;
	float:left;
	vertical-align:top;
	width:540px;
	padding:0 10px;
	margin: 0 auto;
	/*position: relative;*/
}
#columna3 {
	display:inline-block;
	float:left;
	vertical-align:top;
	width:270px;
	height:auto;
	padding:0 0 0 10px;
}
.columna {
	float:left;
	width:370px;
	position:relative;
}
.contBloques {
	width:250px;
	height:225px;
}
.contSlide {
	width:400px;
}
.imagenSlide {
	float:left;
	position:relative;
}
#scroll1 {
    height: 225px;
	width:540px;
	overflow: hidden;
	position: relative;
	clear: left;
}

#scroll3 {
	height: 225px;
	width:270px;
	overflow: hidden;
	position: relative;
	clear: left;
}

.bloque {
	float:left;
	position:relative;
	width:270px;
}
.lineaV {
	width:2px;
	height:212px;
	display:inline-block;
	float:left;
	position:relative;
	margin:40px 0 0 0;
	background:url(../imagenes/lineaV.png) no-repeat;
}
.flechasArts {
	width:270px;
	text-align:center;
}

/* Fin portada */

/* Quienes Somos */
#quienesTxt {
	background:#3F3F3F;
	padding:10px 20px;
	margin: 10px 0;
}
#quienesTxt ul {
	list-style-image:url(../imagenes/Item.png)
}

/* Servicios */
.barra{
	display:none;
	width:220px;	
}

.pestanas a{
	cursor:pointer;
}

#barras img{
	border:solid 5px #FFF;
	margin:5px;
	cursor:pointer;
}

#contenidos {
	padding: 0 0 0 20px;
	width:635px;
	margin-right:255px;
	position:relative;
}
#contenidos .panel {
	display:none;
}
#contenidos .division {
	display:none;
	padding:10px 20px;
	background-color:#FFF;	
}

.barraServicio {
	float:right;
	width:220px;
	margin:0px 20px 10px 0;
	background:#3F3F3F;
	padding:0 10px 10px;	
	height:auto;
}

#sombraPanelesI{
	background: url(../imagenes/sombraPanelesI.png) no-repeat left bottom;
	width: 19px;
	height: 285px;
	position:relative;
	float: left;
	margin-top: 15px;
}

#sombraPanelesD{
	background: url(../imagenes/sombraPanelesD.png) no-repeat right bottom;
	width: 19px;
	height: 285px;
	position:relative;
	float: left;
	margin-top: 15px;
}

#slide {
    width: 894px;
    margin: 20px auto;
    /*position: relative;*/
    float: left;
}

.scroll {
    height: 260px;
    width: 893px;
    overflow: auto;
    overflow-x: hidden;
    /*position: relative;*/
    clear: left;
    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
	z-index:2;
	border:1px solid #CCCCCC;
}

.scrollContenedor div.panel {
    padding: 0 20px;
    height: 260px;
    width: 843px;
    text-align:center;
	background:url(../imagenes/fondoSlides.png) repeat-x bottom;
}

#barras ul, .barraLateral ul, .panel  ul{
	list-style-image:url(../imagenes/Item.png);
	margin:0 0 0 10px;
	padding:0;
}

.panel ul{
	margin: 10px 0 0 10px !important;
}

#barras ul li h2, .barraLateral ul li h2 {
	color:#68A0F4;
	font:16px Arial, Helvetica, sans-serif;
}
#barras h1 a, .barraLateral h1 a {
	color:#68A0F4
}
#barras ul li, .barraLateral ul li{
	margin:3px 0 0 10px;
}

.panel  ul li {
	margin:5px 0 0 30px;
	font:12px Arial, Helvetica, sans-serif;
	color:#555;
}

#barras ul li, .barraLateral ul li {
	font:12px Arial, Helvetica, sans-serif;
	color:#FFF;
}
#barras ul li a, .barraLateral ul li a {
	color:#FFF;
}
#barras ul li a:hover, .barraLateral ul li a:hover {
	color:#68A0F4;
}

ul.pestanas {
    list-style: none;
    margin: 0;
    padding: 0 0 18px 0;
	position:relative;
	z-index:3;
}

ul.pestanas li {
	display: inline;
	margin-right: 8px;
	float : left;
}

ul.pestanas li:last-child {
	margin-right: 0;
}

ul.pestanas a {
    padding: 5px 23px;
    color: #FFF;
    text-decoration: none;
	background-color: #3F3F3F;
	height:30px;
}

ul.pestanas a:hover {
    color: #008ee8;
}

ul.pestanas a.seleccionado {
    background-color: #FFF;
	color: #008ee8;
	border-left:1px solid #CCC;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	height:30px;
}

ul.pestanas a:focus {
    outline: none;
		height:30px;
}

.scrollBotones {
    position: absolute;
    top: 150px;
    cursor: pointer;
	z-index:1;
}

.scrollBotones.left {
    left: -20px;
}

.scrollBotones.right {
    right: -20px;
}

.hide {
    display: none;
}

.slideMinis{
	
}

.flechasMinis{
	float:right;
	position:relative;
	vertical-align:middle;
	width:40px;
	margin-top:10px;
}

.flechasMinis img{
	border:0 !important;	
	margin: 5px 10px !important;
}

.contMinis{
	width:170px;	
	height:130px;
	overflow:hidden;
	float:left;
}

.botonGrande{
	height:33px;
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;
	float:right;
	cursor:pointer;
}

.botonGrande:hover{
	background-position:center bottom;
}


.btnPresupuesto{
	background-image:url(../imagenes/botonPresupuesto.png);
	width: 150px;
}

.btnDemo{
	background-image:url(../imagenes/botonDemo.png);
	width: 170px;
}

.btnSPP{
	background-image:url(../imagenes/botonSPP.png);
	width: 190px;
}

.btnSig{
	background-image:url(../imagenes/botonSiguiente.png);
	width: 88px;
}

.btnCrearCuenta{
	background-image:url(../imagenes/botonCrearCuenta.png);
	width: 150px;
}

.btnIngresar{
	background-image:url(../imagenes/botonIngresar.png);
	width: 150px;
}

.btnReenviar{
	background-image:url(../imagenes/botonReenviar.png);
	width: 150px;
}

.btnEnviar{
	background-image:url(../imagenes/botonEnviar.png);
	width: 150px;
	float:none !important;
	margin-top:5px;
}

#compra_hosting_2, #compra_hosting_3{
	display:none;
}

#compra_hosting_datos_tabla td{
	padding-bottom:5px;
	font-size:13px;
	color:#FFF;
}