* {
margin:0px;
padding:0px;
}

body {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
font-size:11px;
}

#container {
width:800px;
margin:auto;
position:relative;
}

#titulo {
height:124px;
width:800px;
position:relative;
}

#logo {
position:absolute;
left:100px;
top:20px;
}

#logo-microsoft {
background-image:url(../images/logo-microsoft.jpg);
position:absolute;
left:110px;
top:31px;
width:128px;
height:73px;
}

#idioma {
padding:6px;
font-size:9px;
width:20px;
height:11px;
position:absolute;
left:630px;
margin-top:4px;
background-image:url(../images/idioma.jpg);
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:18px;
float:left;
}

a.idioma:link, a.idioma:visited {
color:#0066CC;
text-decoration:none;
float:left;
}

a.idioma:hover, a.idioma:visited:hover {
text-decoration:underline;
}

#botonera {
height:258px;
width:100%;
background-image:url(../images/botonera.jpg);
background-repeat:no-repeat;
background-position:center;
float:left;
position:relative
}

#botoneraindex {
height:45px;
width:100%;
background-image:url(../images/botoneraindex.png);
background-repeat:no-repeat;
background-position:center;
float:left;
position:relative;
z-index:1;
}

#botonera2 {
height:258px;
width:100%;
background-image:url(../images/botonera2.jpg);
background-repeat:no-repeat;
background-position:center;
float:left;
position:relative
}


#botonera3 {
height:258px;
width:100%;
background-image:url(../images/botonera3.jpg);
background-repeat:no-repeat;
background-position:center;
float:left;
position:relative
}


#botonera4 {
height:258px;
width:100%;
background-image:url(../images/botonera4.jpg);
background-repeat:no-repeat;
background-position:center;
float:left;
position:relative
}


#botonera5 {
height:258px;
width:100%;
background-image:url(../images/botonera5.jpg);
background-repeat:no-repeat;
background-position:center;
float:left;
position:relative
}


#botonera6 {
height:258px;
width:100%;
background-image:url(../images/botonera6.jpg);
background-repeat:no-repeat;
background-position:center;
float:left;
position:relative
}




/* BOTONES */ /* BOTONES */ /* BOTONES */ /* BOTONES */ /* BOTONES */ /* BOTONES */ /* BOTONES */ /* BOTONES */ /* BOTONES */

ul.botones {
width:700px;
left:60px;
position:absolute;
margin-top:12px;
}

ul.botones li {
list-style:none;
display:block;
float:left;
}

.b-quienessomos:link, .b-quienessomos:visited  {
background-image:url(../images/b-whoweare.jpg);
background-repeat:no-repeat;
width:120px; height:17px; 
margin-left:23px; margin-right:4px;
float:left; 
}
.b-quienessomos:hover, .b-quienessomos:visited:hover{
background-image:url(../images/b-whoweare2.jpg)
}

.b-quehacemos:link, .b-quehacemos:visited {
background-image:url(../images/b-cloud.jpg);
background-repeat:no-repeat;
width:130px; height:17px; 
margin-left:7px; margin-right:7px;
float:left; 
}
.b-quehacemos:hover, .b-quehacemos:visited:hover{
background-image:url(../images/b-cloud2.jpg);
}

.b-soluciones:link, .b-soluciones:visited {
background-image:url(../images/b-platforms.jpg);
background-repeat:no-repeat;
width:106px; height:17px; 
margin-left:15px; margin-right:4px;
float:left; 
}
.b-soluciones:hover, .b-soluciones:visited:hover{
background-image:url(../images/b-platforms2.jpg)
}

.b-clientes:link, .b-clientes:visited {
background-image:url(../images/b-clients.jpg);
background-repeat:no-repeat;
width:66px; height:17px; 

margin-right:4px;
float:left; 
}
.b-clientes:hover, .b-clientes:visited:hover{
background-image:url(../images/b-clients2.jpg)
}

.b-parasuuso:link, .b-parasuuso:visited  {
background-image:url(../images/b-news.jpg);
background-repeat:no-repeat;
width:58px; height:17px; 
margin-left:25px; margin-right:4px; 
float:left; 
}
.b-parasuuso:hover, .b-parasuuso:visited:hover{
background-image:url(../images/b-news2.jpg)
}

.b-contacto:link, .b-contacto:visited {
background-image:url(../images/b-contact.jpg);
background-repeat:no-repeat;
width:76px; height:17px; 
margin-left:20px; margin-right:0px;
float:left; 
}
.b-contacto:hover, .b-contacto:visited:hover{
background-image:url(../images/b-contact2.jpg)
}

/* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* */


#subbotonera {
width:730px;
background-image:url(../images/botonera-sub.png);
background-repeat:no-repeat;
height:25px;
position:absolute;
left:25px;
top:44px;
z-index:100;
padding-left:37px;
}

#subbotonera li {
list-style:none;
display:block;
float:left;
margin-top:4px;
}

a.sub:link, a.sub:visited {
color:#CCCCCC;
text-decoration:none;
margin-left:25px; 
margin-right:12px;
}

a.sub:hover, a.sub:visited:hover {
color:#D1CC05;
}

a.sub2:link, a.sub2:visited {
color:#CCCCCC;
text-decoration:none;
margin-left:21px; 
margin-right:11px;
}

a.sub2:hover, a.sub2:visited:hover {
color:#D1CC05;
}



/* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* */


#columnas {
float:left;
clear:both;
width:100%;
height:100%;
margin-top:20px;
margin-bottom:35px;
position:relative;

}

#columnas h2 {
font-size:15px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:11px;
color:#000000;
}

#columnas h3 {
font-size:15px;
color:#000000;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:11px;
margin-top:4px;
}

#columnas h4 {
font-size:13px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
padding:0px;
padding-bottom:4px;
margin:0px;
color:#000;
}

#t {
width:540px;
height:21px;
margin-left:30px;
float:left;
}

#buscador {
width:180px;
height:21px;
float:left;
}

.lupa {
background-image:url(../images/lupa.jpg);
background-repeat:no-repeat;
width:21px;
height:20px;
border:0;
}

.separador {
border-bottom:1px solid #f2f2f2; width:420px; height:1px; margin-left:30px; margin-top:14px; float:left;
}

#col-izq {
width:420px;
height:100%;
float:left;
margin-left:30px;
padding-top:25px;
}

#col-izq-home {
width:196px;
height:100%;
float:left;
padding-right:12px;
}

#col-cen-home {
width:196px;
height:100%;
float:left;
padding-left:14px;
border-left:1px dotted #e2e2e2;
}

#col-izq h4.casos {
margin-top:20px;
margin-bottom:16px
}

#col-der {
width:299px;
height:298px;
float:left;
background-image:url(../images/col-izq-fondo.png);
background-repeat:no-repeat;
margin-left:25px;
}


#col-der-contacto {
width:299px;
height:400px;
float:left;
background-image:url(../images/col-izq-fondo2.png);
background-repeat:no-repeat;
margin-left:25px;
}

#col-der-contacto #texto {
padding:25px;
padding-top:35px
}

#col-der-clientes {
width:269px;
height:330px;
float:right;
margin-left:25px;
margin-top:-10px;
}

#col-der-clientes #texto {
padding:25px;
padding-top:35px
}

#col-der-qs {
width:299px;
height:330px;
float:left;
background-image:url(../images/col-izq-fondoqs.png);
background-repeat:no-repeat;
margin-left:25px;
margin-top:-10px;
}

#col-der #texto {
padding:25px;
padding-top:25px
}

#col-der-qs #texto {
padding:25px;
padding-top:35px;
color:#f2f2f2;
}

/* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* */

#col-tri, #col-tri2 {
width:100px;
padding:5px;
float:left;
}

#col-tri h5, #col-tri2 h5 {
padding-top:5px;
}

#col-tri2 {
background-color:#f2f2f2;
margin-right:15px;
margin-left:15px;
}

a.casos:link, a.casos:visited {
color:#0066CC;
text-decoration:none;
font-size:10px;
}
a.casos:hover, a.casos:visited:hover{
color:#003366
}

a.tit-news:link, a.tit-news:visited {
color:#0066CC;
font-family:"Trebuchet MS", Arial, sans-serif;
text-decoration:none;
font-size:18px;
font-weight:bold
}
a.tit-news:hover, a.tit-news:visited:hover{
color:#003366
}


/* BOTONES NOTICIAS */

a.noticias:link, a.noticias:visited {
color:#0066CC;
text-decoration:none;
font-size:11px;
float:left;
padding-top:8px;
}

a.noticias:hover, a.noticias:visited:hover{
color:#003366
}

img.imgnoticias {
border:3px solid #f2f2f2;
float:left;
clear:left;
width:25px;
height:25px;
margin-bottom:7px;
margin-right:6px;
}

img.imgnoticias2 {
border:3px solid #f2f2f2;
float:left;
clear:left;
width:100px;
height:90px;
margin-bottom:7px;
margin-right:6px;
}

/* MAS INFO BOTONES */ 

#masinfo {
margin-top:22px;
}

a.masinfo:link, a.masinfo:visited {
color:#FFFFFF;
padding:5px 10px;
background-color:#0066CC;
text-decoration:none;
}

a.masinfo:hover, a.masinfo:visited:hover {
background-color:#003366;
}


#masinfo2 {
margin-top:22px;
margin-left:14px;
}

a.masinfo2:link, a.masinfo2:visited {
color:#FFFFFF;
margin-right:3px;
padding:3px 6px;
background-color:#0066CC;
text-decoration:none;
}

a.masinfo2:hover, a.masinfo2:visited:hover {
background-color:#003366;
}


/* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* */

.padding-bottom-20px {
padding-bottom:20px;
}


/* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* *//* */



#footer {
background-image:url(../images/footer-color.gif);
background-repeat:no-repeat;
width:100%;
background-color:#000000;
height:35px;
text-align:center;
padding-top:20px;
float:left;
position:relative;
}

#footer h2 {
color:#999;
font-family:Tahoma, Arial, sans-serif;
font-size:11px;
margin:auto;
font-weight:normal;
}

#social {
width:100px;
height:32px;
position:absolute;
left:670px;
bottom:65px;
}


















/* Easy Slider */

#slider {
position:relative;
margin:auto;
z-index:0;
float:left;
margin-left:24px;
}

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:752px;
		height:250px;
		overflow:hidden; 
		margin-top:-20px;
		}	

	/*\*/
	html*#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:712px;
		height:250px;
		overflow:hidden; 
		margin-top:60px;
		}	

	  /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:none;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
/* // Easy Slider */


/* PHP */

#datos input {margin-bottom:10px; float:left; clear:both;}
label {float:left; clear:both}
#fck {
float:left; clear:both; margin-bottom:20px;
}
#opciones {margin:10px 0px;}
.form-h1 { margin-top:10px; color:#336699 }
.form-enviar {background-image:url(../images/fondo-boton-enviar.jpg); color:#FFFFFF; width:92px; height:26px; border:none;}
div#datos h3 {margin-top:10px;}

#cllo {
position:absolute;
width:39px;
height:27px;
bottom:10px;
right:40px;
}