@charset "utf-8";
/* CSS Document */

@import URL("red-creanto.css");
@import URL("menu.css");


* {
	outline:none;
	outline:0px;
	border:0px;
}


html, body {
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/home_header_back.png) repeat-x;
}

#barra_superior{
	background:url(../images/home_header.png) top no-repeat;
	width:100%;
	min-height:876px;
}
#barra_superior_pages{
	background:url(../images/home_header2.jpg) top no-repeat;
	width:100%;
	min-height:876px;
	position:relative;
}

#barra{
	width:100%;
	background:#202121;
	display:block;
	height:10px;
}

#container{
	position:relative;
	width:978px;
	margin:auto;
	/*margin-top:-9px;*/
}

.redcreanto{
	float:right;
	margin-right:2px;
	width:133px;
	height:29px;
	margin-top:0px;
	display:block;
}

.clear{
	clear:both;
}

#container .logo{
	position:absolute;
	top:67px;
	left:70px;
	width:280px;
}

#canvas{
	cursor:pointer;
}

.spacer{
	height:40px;
	display:block;
	clear:both;
}
#logo-footer{
	padding-left:0px;	
	margin-top:-2px;
	margin-left:-5px;
}

#container .play{
	position:absolute;
	right:5px;
	top:65px;
	width:524px;
	height:268px;
	display:block;
	text-indent:-9999px;
	background:url(../images/playoff.png) center center no-repeat;
	z-index:100;
}

#container .play:hover{
		background:url(../images/playon.png) center center no-repeat;
}

#container .Cloud{
	position:absolute;
	right:-11px;
	top:274px;
	width:116px;
	height:116px;
	display:block;
	text-indent:-9999px;
	background:url(../images/cloud.png) top no-repeat;
	z-index:100;
}

#container .Cloud:hover{
	background-position: center -120px;
}

#container .infoCloud{
	position:absolute;
	right:99px;
	top:339px;
	width:104px;
	height:53px;
	display:block;
	z-index:100;
	font-size:13px;
	font-weight:normal;
	color:#999999;
	display:none;
}

#barra_superior_pages .Cloud{
	position:absolute;
	right:-5px;
	top:199px;
	width:116px;
	height:116px;
	display:block;
	text-indent:-9999px;
	background:url(../images/cloud.png) top no-repeat;
	z-index:100;
}



#barra_superior_pages .infoCloud{
	position:absolute;
	right:105px;
	top:269px;
	width:104px;
	height:53px;
	display:block;
	z-index:100;
	font-size:13px;
	font-weight:normal;
	color:#999999;
	display:none;
}

#barra_superior_pages .logo{
	position:absolute;
	top:77px;
	left:-10px;
	width:188px;
	height:141px;
}

#barra_superior .slogan{
	position:absolute;
	top:227px;
	left:-1px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:25px;
	color:#1F1F1F;
	text-align:left;
	width: 380px;
}


#barra_superior_pages .slogan{
	position:absolute;
	top:110px;
	left:232px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:37px;
	color:#1F1F1F;
	text-align:center;
	width: 695px;
}

#barra_superior_pages .slogan span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:20px 0px;
	display:block;
	color:#48A7CA;
	font-weight:bold;
}

#barra_superior_pages .slogan span .blue {
	font-weight:normal;
}

/*
#barra_superior_pages .slogan a {
	text-decoration:none;
	color:#48A7CA;
	font-weight:normal;
}
*/

.numeros{
	color:#4298B7;
	font-size:15px;
}
.menu{
	font-size:14px;
	color:#4298B7;
}

#barra_superior #columnaLetf{
	position:relative;
	float:left;
	margin-top:258px;
	display:block;
	width:410px;
	height:450px;
}

#columnaLetf{
	position:relative;
	float:left;
	margin-top:282px;
	display:block;
	width:410px;
	height:450px;
}

.images{
	position:relative;
	margin-top:3px;
	left:-1px;
    width: 410px;
    height: 250px;
	z-index:100;
}

#columnaLetf .nav
{
	position:absolute;
	bottom:193px;
	right:-2px;
	width:56px;
	height:26px;
	z-index:999;
	display:none;
}

#columnaLetf .marca {
	width:162px;
	height:100px;
	display:block;
	position:absolute;
	bottom:171px;
	left:-1px;
	background:url(../images/nubeSlide.png) no-repeat;
	z-index:999;
}

.next , .prev{
	width:24px;
	height:24px;
	display:block;
	margin:0px 0px;
	float:left;
}
.next{
	background:url(../images/arrows_nav.png)  no-repeat;
	background-position:0px 0px;
}

.next:hover{
	background-position:0px -28px;
}

.prev{
	background:url(../images/arrows_nav.png) right no-repeat;
	background-position:-25px 0px;
}
.prev:hover{
	background-position:-25px -28px;
}

.comment{
	width:382px;
	height:90px;
	display:block;
	background:url(../images/comment.png) left top no-repeat;
	padding-top:27px;
	margin:36px 16px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:17px;
	line-height:24px;
	font-weight:normal;
	color:#333;
	z-index:0px;
}

#columnaLetf .firma{
	position:absolute;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#666666;
	left: 15px;
	bottom:15px;
	width: 271px;
}

#columnaLetf .view{
	position:absolute;
	display:block;
	background:url(../images/view.png) no-repeat;
	right:-5px;
	bottom:1px;
	width:80px;
	height:53px;
	text-indent:-9999px;
}
#columnaLetf .view:hover{
	background-position:0px -55px;
}

#columnaRight{
	float:left;
	position:relative;
	width:528px;
	display:block;
	margin-left:13px;
	margin-top:350px;
	margin-left:40px;
}
#columnaRight_contact{
	float:left;
	position:relative;
	width:528px;
	display:block;
	margin-top:285px;
	margin-left:16px;
}

.h1{
	margin:0px;
	padding:0px;
	font-size:32px;
	color:#1F1F1F;
	margin-bottom:35px;
}

.box{
	float:left;
	display:block;
	width:260px;
	min-height:148px;
}

.box ul li{
	list-style:decimal;
	margin-bottom:10px;	
}
.box2{
	float:left;
	display:block;
	width:249px;
	margin-left:18px;
	min-height:148px;
}

.h2{
	margin:0px;
	padding:0px;
	padding-top:5px;
	height:27px;
	padding-left:40px;
	display:block;
	color:#1F1F1F;
	font-size:18px;
	font-weight:normal;
}

.informacion{
	padding-top:13px;
	padding-left:0px;
	font-family:Arial, sans-serif;
	font-size:12px;
	line-height:19px;
	color:#333;
}

.ico_nube {	background:url(../images/iconos/nube.png) left  top no-repeat; }
.ico_mano {	background: url(../images/iconos/mano.png) left top no-repeat; }
.ico_group{ background: url(../images/iconos/group.png) left top no-repeat;}
.ico_labs { background: url(../images/iconos/labs.png) left top no-repeat; }
.ico_cloud{ background: url(../images/iconos/the-cloud.png) left top no-repeat; }
.ico_nube:hover, .ico_mano:hover , .ico_group:hover , .ico_labs:hover {
	background-position:left -33px;
} 
.Lazul{
	color:#57C9F2;
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin:8px 0px;
}

.Lazul:hover{
	color:#85DFFF;
}

.Lverde{
	color:#3CB546;
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin:8px 0px;
}

.Lverde:hover{
	color:#4BD24F;
}

.verde{
	color:#3AAF44;
	text-decoration:none;
}



.Lrojo{
	color:#BB1B30;
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin:8px 0px;
}

.Lpurpura{
	color:#9933CC;
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin:8px 0px;
}

.Lpurpura:hover{
color:#B640F9;
}

.purpura{
	color:#9966CC;
	text-decoration:none;
}


.Lgris{
	color:#666666;
	font-weight:bold;
	text-decoration:none;
	display:block;
	margin:8px 0px;
}

.Lgris:hover{
	color:#888;
}
	
.linea_separadora {
	float:left;
	height:3px;
	width:100%;
	display:block;
	background:url(../images/linea_separador.png) repeat-x;
	margin:35px 0px 35px 0px;
	clear:both;
}

.box3 h3, .box5 h3 {
	margin-bottom:5px;
}

.box3{
	float:left;
	width:414px;
	padding-right:35px;
	font-family:16px;
	font-family:Helvetica, arial, sans-serif;
	color:#3399FF;
	margin-bottom:30px;
}

.box3 #feed1 a {
	color:#3399FF;
	text-decoration:none;
	font-weight:bold;
	line-height:25px;
}

.box3 #feed1 a:hover {
	background-color:#3399FF;
	color:white;
}

.box4{
	float:right;
	width:528px;
	height:233px;
	font-size:20px;
	font-family:Helvetica, arial, sans-serif;
	color:#F25212;
}

.box4 #feed2 a {
	color:#F25212;
	text-decoration:none;
	font-weight:bold;
	/* line-height:30px; */
}

.box4 #feed2 {
	line-height:150%;
}

.box4 #feed2 a:hover{
	background-color:#F25212;
	color:#fff;
}

.box5{
	float:left;
	width:414px;
	padding-right:35px;
	font-family:16px;
	font-family:Helvetica, arial, sans-serif;
	color:#7F7F7F;
}

.box5 #feed3 a {
	color:#7F7F7F;
	text-decoration:none;
	font-weight:bold;
	line-height:25px;
}

.box5 #feed3 a:hover {
	background-color:#7F7F7F;
	color:#fff;
}

.h3{
	display:block;
	font-size:18px;
	margin:0px;
	padding:0px;
	color:#1F1F1F;
	font-weight:normal;
	margin-bottom:20px;
}

.negro{
	color:#1F1F1F;
}

.Lplay{
	display:block;
	background:url(../images/iconos/play.png) no-repeat;
	padding-left:25px;
	color:#F25212;
	font-size:13px;
	text-decoration:none;
	height:17px;
	padding-top:1px;
	margin-top:30px;
	vertical-align:top;
}

a.Lplay:hover{
background-color:white;
color:#F26826;	
}

#footer{
	position:relative;
	background:url(../images/line_footer.jpg) repeat-x;
}

.footer .boxNotaprensa {
	position:absolute;
	width:400px;
	top:-10px;
	left:500px;
}
.footer a.notaPrensa{
	display:block;
	width:144px;
	height:102px;
	background:url(../images/nota_de_prensa.png) no-repeat;
}
.footer a.notaPrensa:hover{
	background-position:0px -151px;
}


.footer{
	position:relative;
	width:980px;
	padding-top:136px;
	height:138px;
	margin:auto;
	display:block;
	background:url(../images/footer.jpg) no-repeat;
}
.footer2{
	width:980px;
	display:block;
	margin:auto;
	padding-top:15px;
	font-size:13px;
	color:#656565;
	font-family:Helvetica, "Helvetica Black", "Helvetica Compressed";
	text-shadow:#FFFFFF 1px 1px;
}
.footer2 a {
	color:#656565;
	text-shadow:#FFFFFF 1px 1px;
	text-decoration:none;
}
.footer2 a:hover {
	text-decoration:underline;
}
.footer .email{
	position:absolute;
	font-size:18px;
	color:#4AABCD;
	top: 217px;
	text-decoration:none;
	text-shadow:0 1px 0 #FFF;
	margin-left:5px;
}

.footer .email:hover{
	color:#57CAF3;
}

#footer .box {
	width:165px;
	display:block;
}

.footer #dir1, .footer #dir2 {
	position:absolute;
	line-height:150%;
	top: 133px;
}

.footer #dir1{
	left: 476px;
}

.footer #dir2{
	left: 312px;
}

#dir1, #dir2 {
	font-family:Helvetica, Helvetica;
	font-size:14px;
	color:#1F1F1F;
}

#dir1 span, #dir2 span{
	font-size:19px;
	font-weight:bold;
}

.separador{
	float:right;
	width:3px;
	height:100px;
	display:block;
	background:url(../images/separador_v.png) no-repeat;
	margin-top:0px;
}
#twitter{
	display:block;
	float:right;
	width:106px;
	height:118px;
	background:url(../images/footerimg.png) no-repeat;
	text-indent:-9999px;
	margin:-5px 10px 0px 10px;
}
#twitter:hover{
	background-position:0px -118px;
}

#cloud{
    display:block;
	float:right;
	width:88px;
	height:118px;
	background:url(../images/footerimg.png) no-repeat;
	background-position:-131px 0px;
	text-indent:-9999px;
	margin:-5px 8px 0px 8px;
}

#cloud:hover{
	background-position:-131px -118px;
}
#pdf{
    display:block;
	float:right;
	width:88px;
	height:118px;
	background:url(../images/footerimg.png) no-repeat;
	background-position:-241px 0px;
	text-indent:-9999px;
	margin:-5px 0px 0px 11px;
}

#pdf:hover{
	background-position:-241px -118px;
}


.ubicacion{
	width:384px;
	height:172px;
	margin-bottom:40px;
}
.imagen{
	width:160px;
	height:160px;
	display:block;
	float:left;
	margin:2px 20px 0px 0px;
}
.infoContact{
	display:block;
	width:200px;
	height:164px;
	float:left;
	font-family:Helvetica, Helvetica;
	font-size:16px;
	color:#1F1F1F;
	line-height:25px;
}

.infoContact .telefono{
	margin-bottom:7px;	
}
.linea{
	width:100%;
	display:block;
	height:2px;
	border-bottom:1px dotted #ccc;
	margin:15px 0px; clear:both
}

.line{
	width:100%;
	display:block;
	height:2px;
	border-bottom:1px dotted #ccc;
}


.infoContact span{
	font-size:20px;
}

.infoContact a {
	text-decoration:none;
	color:#57C9F2;
}

.infoContact a:hover {
	text-decoration:none;
	color:#57CAF3;
}

.boxContact{
	width:498px;
	padding:25px;
	background:#F6F6F6;
	border:1px solid #ECECEC;
}
.contacto{
	padding:40px 40px;
	border:1px solid #EDEDED;
	background:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.contacto label{
	color:#666666;
}
.input{
	width:303px;
	height:21px;
	display:block;
	background:url(../images/input.jpg) no-repeat;
	margin:7px 0px 20px 0px;
	border:0px;
	padding:8px 10px 5px 7px;
	font-size:15px;
}

.textarea{
	width:400px;
	height:78px;
	background:url(../images/textarea.jpg) no-repeat;
	border:0px;
	padding:5px 15px 5px 7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:20px;
	margin-top:7px;
}

#Secciones{
	display:block;
	width:94px;
	height:100%;
	float:left;
	position:relative;
	margin-top:180px;
	min-height:200px;
}

#barra_superior #Secciones{
	display:block;
	width:94px;
	height:100%;
	float:left;
	position:relative;
	margin-left:6px;
	margin-top:256px;
	min-height:200px;
}
 

#Secciones .sesionActiva
{
	position:absolute;
	left: 3px;
	top: 18px;
	
}
#Secciones ul{
	margin:0px;
	padding-left:27px;
	margin-top:118px;
	list-style:none;

}
#Secciones ul li{
	margin-bottom:17px;
}
.linkBox{
	display:block;
	width:35px;
	height:34px;
	text-indent:-9999px;
}

#barra_superior #servicios{
		margin-top:320px;
		display:block;
		width:868px;
		margin-left:10px;
		float:left;
}

#servicios, #soluciones{
		margin-top:240px;
		display:block;
		width:868px;
		margin-left:10px;
		float:left;
		margin-bottom:50px;
}

#servicios .box {
	width:410px;
	float:left;
	display:block;
	font-size:16px;
	color:#333;
	font-family:Helvetica, Arial, sans-serif;
	line-height:23px;
	text-align:justify;
}

#soluciones .caption {
	font-size:25px;
	margin-top:35px;
	margin-bottom:55px;
}

#soluciones .caption .headtxt {
	float:left;
	display:block;
	font-weight:bold;
}

#soluciones .caption .mas {
	background:url(../images/mas.jpg);
	width:31px;
	height:31px;
	display:block;
	float:left;
	margin:0px 18px;
}

#soluciones .box {
	margin:40px 0px;
	width:476px;
	color:#333;
}

#soluciones #quote {
	background:url(../images/quote.jpg) no-repeat;
	width:300px;
	color:#666;
	font-family:Georgia;
	font-size:20px;
	padding-left:40px;
	position:absolute;
	right:-10px;
	top:50px;
	font-weight:normal;
}

p:first-letter {
 float: left;
 font-family:Helvetica-Bold, Helvetica;
 font-size:40px;
 margin-top:6px;
 margin-right:5px;
 /*margin: 8px 10px 0px 0px;*/
}

p a{
	color:#46A4C5;
	text-decoration:none;
}

.titular{
	font-size:18px;
	color:#999999;
	margin-bottom:15px;
}


.columnas {
	width:267px;
	margin-top:15px;
	margin-left:30px;
	min-height:300px;
	border-top:1px dotted #ccc;
	float:left;
	padding-top:20px;
}

.columnas span{
	line-height:20px;
	font-size:16px;
	font-family:Helvetica, Arial, sans-serif;
	min-height:98px;
	display:block;
}

.caption{
	font-size:34px;
	color:#202121;
	margin-bottom:20px;
}

#servicios .caption {
	font-size:25px;
	margin-top:35px;
	margin-bottom:55px;
}

#servicios .caption .headtxt {
	float:left;
	display:block;
	font-weight:bold;
}

#servicios .caption .mas {
	background:url(../images/mas.jpg);
	width:31px;
	height:31px;
	display:block;
	float:left;
	margin:0px 18px;
}

#servicios #quote {
	background:url(../images/quote.jpg);
	width:320px;

}

.morado{
	font-size:16px;
	font-weight:bold;
	color:#9432C6;
}

.nomorgin{
	margin-left:0px;
}
#morado {
	padding:30px 0px 0px 20px;
	margin:0px;
}

#morado li {
	padding:0px;
	color:#202121;
	font-size:12px;
	font-family:Helvetica, Arial, sans-serif;
	list-style-image:url(../images/iconos/ok_morado.png);
	list-style-position:outside;
	list-style-type:disc;
	margin-bottom:20px;
}
#gris {
	padding:20px 0px 20px 30px;
	margin:0px;
}

#gris li {
	padding:0px;
	color:#202121;
	font-size:12px;
	font-family:Helvetica, Arial, sans-serif;
	list-style-image:url(../images/iconos/ok_gris.png);
	list-style-position:outside;
	list-style-type:disc;
	margin-bottom:20px;
}

#boxAzul{
	display:block;
	width:866px;
	height:196px;
	background:url(../images/background_blue.jpg) no-repeat;
}
#boxAzul .box{
	width:286px;
	height:188px;
	display:block;
	float:left;
}

.textoShadow{
	color:#596C81;
	font-weight:bold;
	font-size:16px;
	text-shadow: #FFF 2px 0px 1px;
	margin-top:70px;
	line-height:20px;
}

.masinfo{
	font-size:16px;
	color:#666666;
	line-height:24px;
	margin-top:20px;
	font-family:Helvetica, Arial, sans-serif;
}
.telefono{
	display:block;
	margin-top:20px;
	color:#1F1F1F;
	font-size:26px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
}
.masinfoCloud{
	font-family:Helvetica, Arial, sans-serif;
	font-size:20px;
	color:#333333;
	line-height:30px;
}
.masinfoCloud a {
	color:#46A4C5;
	text-decoration:none;
}

#slide{
	width:868px;
	height:420px;
	display:block;
	background:url(../images/bg_slide.png) no-repeat;
	margin:20px 0px;
	position:relative;
}

#slide ul{
	padding:15px 0px 0px 15px;
	position:absolute;
	z-index:100;
	top:-11px;
	width: 364px;
	
}

.ico_edit {	background:url(../images/iconos/hoja_lapiz.png) 13px  no-repeat; }
.ico_paste{ background:url(../images/iconos/paste.png) 13px  no-repeat; }
.ico_groups{ background:url(../images/iconos/groups.png) 13px  no-repeat; }
.icon_comment{ background:url(../images/iconos/comement.png)  13px  no-repeat; }

#slide li{
	display:block;
	width:344px;
	height:90px;
	padding:0px;
	padding-right:20px;
	list-style:none;
	letter-spacing:-1px;
	z-index:1000;
	cursor:pointer;
}
#slide li div{
	width:73px;
	height:90px;
	display:block;
	float:left;
}

#slide  .activo {
	background:url(../images/bg_slide_hover.png) no-repeat;
}
#slide .activo h1  {
	color:#2D8A35;
}

#slide li:hover {
	background:url(../images/bg_slide_hover.png) no-repeat;
	color:#464646;
}

#slide li:hover h1  {
	color:#2D8A35;
}

#slide li h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#CCCCCC;
	margin:0px 0px 15px 0px;
	padding:0px;
	padding-top:10px;
}
#slide li span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#999999;
	letter-spacing:0px;
}
#slide #slide_image{
	width:507px;
	height:360px;
	float:right;
	display:block;
	position:absolute;
	z-index:1;
	left: 344px;
	top: 18px;
	overflow:hidden;
}
#slide #registro{
	position:absolute;
	right:15px;
	bottom:4px;
	font-size:16px;
	color:#FFF;
	font-family:Helvetica, Arial, sans-serif;
	width: 233px;
}

.error{
	border:1px solid #F00;
	background:none;
}

.linkedin {
	background:url(../images/btn.png) no-repeat;
	background-position:-63px 0px;
	padding-left:25px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:140%;
}