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

body {
font-family:"Segoe UI","Lucida Grande",Tahoma,Arial,sans-serif;
color:#333333;
font-size:11px;
background-image:url(../images/fondo.jpg);
background-repeat:no-repeat;
background-position:center top;
}

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

#top {
background-image:url(../images/top.jpg);
width:336px;
height:23px;
float:right;
margin-bottom:10px;
}

#cabecera {
width:800px;
height:131px;
float:left;
margin-top:30px;
}

.idioma {
position:absolute;
top:3px;
right:204px;
}



/*
	columnas
*/

#columnas {
width:100%;
height:100%; 
float:left;
}

#col-izq {
width:540px;
float:left;
}

#seccion {
padding:25px;
padding-left:60px;
}

#col-der {
width:219px;
float:left;
padding:20px;
padding-top:25px;
}

#novedades {
float:left;
clear:both;
margin-bottom:10px;
}

#clientes {
float:left;
clear:both;
border-top:1px solid #f2f2f2;
padding-top:20px;
}



/* 
	NEWS 
*/

#noticia {
float:left; clear:both; margin-bottom:7px;
}
.fecha {
clear:both; float:left;
}
.title {
clear:both; float:left;
}


/*
	FOOTER
*/

#footer {
background-image:url(../images/footer.jpg);
background-repeat:no-repeat;
clear:both;
float:left;
width:800px;
height:80px;
position:relative;
margin-top:40px;
}
.texto-footer {
line-height:14px;
width:480px;
position:absolute;
top:22px;
left:90px;
color:#666666;
}


/* 
	titulares 
*/

.ic-novedades {
background-image:url(../images/ic-novedades.jpg);
background-repeat:no-repeat;
height:25px;
width:156px;
margin-bottom:8px;
}

.ic-clientes {
background-image:url(../images/ic-clientes.jpg);
background-repeat:no-repeat;
height:25px;
width:220px;
}

.logo-cliente {
margin-top:13px;
float:left;
clear:both;
}

.web {
float:left;
clear:both;
margin-top:10px;
line-height:12px;
}

.not {
float:left; 
width:440px;
margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px dotted #e2e2e2;
}



/* 
	links 
*/

a.link:link, a.link:visited {
color:#CC3333;
text-decoration:none;
background-image:url(../images/flecha.jpg);
background-repeat:no-repeat;
background-position:0px 6px;
padding-left:8px;
float:left;
clear:both;
}
a.link:hover, a.link:visited:hover {
text-decoration:underline;
background-position:1px 6px;
}

a.linkcolor:link, a.linkcolor:visited {
color:#CC3333;
text-decoration:none;

}
a.linkcolor:hover, a.linkcolor:visited:hover {
color:#993333;
}


/* 
	botones 
*/

ul.botones {
width:350px;
right:0px;
position:absolute;
margin-top:29px;
}

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


a.empresa:link, a.empresa:visited {
width:84px;
height:14px;
background-image:url(../images/btn-empresa.png);
background-repeat:no-repeat;
float:left;
margin-right:19px;
}
a.empresa:hover, a.empresa:visited:hover {
background-position:bottom;
}

a.servicios:link, a.servicios:visited {
width:79px;
height:14px;
background-image:url(../images/btn-servicios.png);
background-repeat:no-repeat;
float:left;
margin-right:19px;
}
a.servicios:hover, a.servicios:visited:hover {
background-position:bottom;
}

a.portfolio:link, a.portfolio:visited {
width:88px;
height:14px;
background-image:url(../images/btn-portfolio.png);
background-repeat:no-repeat;
float:left;
}
a.portfolio:hover, a.portfolio:visited:hover {
background-position:bottom;
}

a.contacto:link, a.contacto:visited {
width:81px;
height:14px;
background-image:url(../images/btn-contacto.png);
background-repeat:no-repeat;
float:left;
}
a.contacto:hover, a.contacto:visited:hover {
background-position:bottom;
}

a.blog:link, a.blog:visited {
width:43px;
height:14px;
background-image:url(../images/btn-blog.png);
background-repeat:no-repeat;
float:left;
margin-right:23px;

}
a.blog:hover, a.blog:visited:hover {
background-position:bottom;
}

a.clientes:link, a.clientes:visited {
width:98px;
height:14px;
background-image:url(../images/btn-clientes.png);
background-repeat:no-repeat;
float:left;
margin-right:24px;
margin-left:10px;
}
a.clientes:hover, a.clientes:visited:hover {
background-position:bottom;
}


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

/* 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;}