body{
background: #000 url(img/bg.gif) repeat-x top left;
margin: 0px;
padding: 0px;
color: #fff;
}

img { -ms-interpolation-mode:bicubic; }

#header{}

#contenido{
margin-top: 60px;
}

#quehacemos{
background: transparent url(img/quehacemos.png) no-repeat top left;
margin: 10px 0px 0px 0px;
}

#seccion, #seccion a{
color: #fff;
margin-top: 60px;
text-decoration: none;
}

#seccion a:hover{
color: #c43702;
}

#seccion h2{
font-size: 20px;
margin: 0px;

}

#seccion p{
font-size: 12px;
line-height: 16px;
margin-top: 5px;
}

#seccion img{
float: left;
margin-top: 5px;
padding-right: 10px;
padding-bottom:10px;
}

#proyectos{
background: transparent url(img/proyectos.png) no-repeat top left;
margin: 30px 0px 30px 0px;
}

#proyectos p{
color: #fff;
margin: 60px 0px 20px 0px;
padding: 0px 0px 0px 0px;
}

.proyecto{
margin: 0px 10px 15px 0px;
}


.proyecto img{
padding: 7px 0px 0px 15px;
margin: 0px 15px 5px 0px;
float: left;
}

.proyecto h3{
font-size: 18px;
font-weight: normal;
margin: 0px;
padding: 0px;
line-height: 22px;
}

.proyecto h3 a{
color: #c43702;
text-decoration: none;
}

.proyecto h3 a:hover{

color: #fff;
}

.proyecto .descripcion{
margin: 0px;
padding: 0px;
color: #fff;
line-height: 17px;
}

#blog{
background: transparent url(img/blog.png) no-repeat top left;
height: 200px;
margin: 30px 0px 30px 0px;
padding-top: 60px;
}

#blog .post ul, #blog .post li{
color:#fff;
}


.post{
margin: 0px 0px 15px 25px;
}

.post p{
margin-bottom: 0px;
}

.post h3{
font-size: 16px;
line-height: 21px;
font-weight: bold;
margin: 0px;
padding: 0px 0px 0px 15px;
background:transparent url('img/list_blog.gif') top left no-repeat;
}

.post a{
color: #c43702;
text-decoration: none;
}

.post a:hover{
color: #fff;
}

.post .texto{
color: #fff;
margin: 0px;
padding: 0px 0px 0px 15px;
}

#footer{
background: #e6521a;
border-top: 2px solid #aa3306;
text-align: center;
height: 46px;
margin: 30px 0px 0px 0px;
}

#footer p{
color: #aa3306;
font-size: 14px;
padding-top: 12px;
margin: 0px;
}

#formulario{
padding: 20px;
}

#comunicacion{
background: transparent url(img/comunicacion.png) no-repeat top left;
margin: 0px
height: 500px;
padding: 100px 0px 0px 30px;
}

#diseno{
background: transparent url(img/disenoweb.png) no-repeat top left;
margin: 0px
height: 500px;
padding: 100px 0px 0px 30px;
}

#consultoria{
background: transparent url(img/consultoria.png) no-repeat top left;
margin: 0px
height: 500px;
padding: 100px 0px 0px 30px;
}

#posicionamiento{
background: transparent url(img/posicionamiento.png) no-repeat top left;
margin: 0px
height: 500px;
padding: 100px 0px 0px 30px;
}

#formacion{
background: transparent url(img/formacion.png) no-repeat top left;
margin: 0px
height: 500px;
padding: 100px 0px 0px 30px;
}

#quienessomos{
background: transparent url(img/quienessomos.png) no-repeat top left;
margin: 0px
height: 500px;
padding: 100px 0px 0px 30px;
}

#compania{
background: transparent url(img/compania.png) no-repeat top left;
margin: 0px
height: 500px;
padding: 100px 0px 0px 0px;
}

#lineasmaestras{
background: transparent url(img/lineasmaestras.png) no-repeat top left;
margin: 0px
height: 500px;
padding: 100px 0px 0px 30px;
}

#valor{
background: transparent url(img/valoranadido.png) no-repeat top left;
margin: 0px
height: 500px;
padding: 100px 0px 0px 30px;
}

#aplicaciones{
background: transparent url(img/aplicaciones.png) no-repeat top left;
margin: 0px
height: 500px;
padding: 100px 0px 0px 30px;
}

#clientes{
background: transparent url(img/clientes.png) no-repeat top left;
margin: 0px
height: 500px;
padding: 100px 0px 0px 30px;
}

.cliente{
margin: 0px 0px 40px 0px;
}
.cliente img{
margin-bottom: 10px;
border: 1px solid #888;
padding: 3px;
}

#contacto_seccion{
background: transparent url(img/contacto_seccion.png) no-repeat top left;
margin: 0px
height: 500px;
padding: 100px 0px 0px 0px;
margin-bottom: 800px;
}



#comunicacion h4, #diseno h4, #consultoria h4, #posicionamiento h4, #compania h4, #lineasmaestras h4, #valor h4, #contacto_seccion h4, #formacion h4, #aplicaciones h4, #clientes h4{
padding: 0px 30px 20px 0px;
font-size: 35px;
color: #fff;
margin: 0px;
}

#valor h4 a{
color: #e6521a;
}

#valor h4 a:hover{
color: #fff;
}

#valor img{
float: right;
padding: 2px;
border: 1px solid #fff;
margin: 0px 0px 10px 20px;
}


#comunicacion p, #diseno p, #consultoria p, #posicionamiento p, #compania p, #lineasmaestras p, #valor p, #contacto_seccion p, #formacion p, #aplicaciones p, #clientes p{
color: #fff;
padding: 0px 30px 0px 0px;
font-size: 20px;
line-height: 25px;
}

#valor a{
color: #e6521a; 
}

#valor a:hover{
color: #fff;
}

#comunicacion ul, #diseno ul, #consultoria ul, #posicionamiento ul, #compania ul, #lineasmaestras ul, #valor ul, #contacto_seccion ul, #formacion ul, #aplicaciones ul, #clientes ul{
font-size: 20px;
color: #fff;
list-style-type: disc;
margin: 0px 0px 0px 30px;
padding: 0px;
}

#comunicacion li, #diseno li, #consultoria li, #posicionamiento li, #compania li, #lineasmaestras li, #valor li, #contacto_seccion li, #formacion li, #aplicaciones li, #clientes li{
margin: 0px 0px 10px 0px;
padding: 0px;
list-style-position: outside;
}



.formacion li a:hover{
color: #d2d2d2;
}

#lineasmaestras img{
padding: 2px;
border: 1px solid #fff;
margin: 0px;

}

#contacto{
background: transparent url(img/contacto.png) no-repeat top left;
margin: 0px
height: 500px;
padding:70px 0px 0px 0px;
}

#contacto #formulario{
padding: 0px;
margin: 40px 0px 0px 20px;
}

#contacto p{
padding: 40px 30px 0px 30px;
color: #fff;
font-size: 16px;
}

#contacto .mail{
color: #fff;
font-size: 30px;
letter-spacing: -2px;
text-align: center;
font-weight: bold;
padding: 0px 0px 0px 30px
}

#quienessomos h3{
font-size: 32px;
letter-spacing: -1px;
margin-bottom: 10px;
}

#quienessomos h4{
font-size: 24px;
margin: 0px;
}

#quienessomos p{
font-size: 16px;
margin-bottom: 40px;
}

.sigue{

height: 23px;
font-size: 16px;
color: #fff;
text-transform: uppercase;
font-weight: bold;
text-align: right;
float: right;
}


.sigue a{
background: transparent url(img/flecha_derecha.png) no-repeat center right;
padding-right: 40px;
color: #c43702;
text-decoration: none;
margin-top: 30px;

}

.sigue a:hover{
color: #fff;
text-decoration: none;
}

.pdf_noportada{
margin: 0px 0px 40px 0px;
padding: 0px;
}

#formacion li a, #formacion li a:visited{
color: #c43702;
text-decoration: none;
}

#formacion li a:hover{
color: #fff;
}


#formacion a:hover{
color: #fff;
}

/* SLIDESHOW */


/*preload classes*/ 
.svw {width: 50px; height: 20px; background: #fff; padding: 0px; width: 500px; height: 100px;} 
.svw ul {position: relative; left: -999em; padding: 0px; margin: 0px;} 
 
/*core classes*/ 
.stripViewer {  
position: relative; 
overflow: hidden;  
border: 5px solid #b83909;   
margin: 5px 0 0px 0px;
padding: 0px;
} 
.stripViewer ul { /* this is your UL of images */ 
margin: 0; 
padding: 0; 
position: relative; 
left: 0; 
top: 0; 
width: 1%; 
list-style-type: none; 
} 
.stripViewer ul li {  
float:left;
padding: 0px;
margin: 0px;
} 
.stripTransmitter { 
overflow: auto; 
width: 1%; 
margin-left: 30px;
} 
.stripTransmitter ul { 
margin: 0; 
padding: 0; 
position: relative; 
list-style-type: none; 
} 
.stripTransmitter ul li{ 
width: 20px; 
float:left; 
margin: 0 1px 1px 0; 
} 
.stripTransmitter a{ 
font: bold 10px Verdana, Arial; 
text-align: center; 
line-height: 22px; 
background: #b83909; 
color: #fff; 
text-decoration: none; 
display: block; 
} 
.stripTransmitter a:hover, a.current{ 
background: #fff; 
color: #645f5f; 
} 
 
/*tooltips formatting*/ 
#tooltip { 
background: #fff; 
color: #000; 
opacity: 0.85; 
border: 5px solid #dedede; 
} 
#tooltip h3 {  
font: normal 10px Verdana;  
margin: 0px;  
padding: 6px 2px;  
border: 0; 
}

/* MENU */



.menu{
	border:none;
	border:0px;
	margin:45px 0px 0px 30px;
	padding:0px;
	font: 67.5% Helvetica, "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, sans-serif;
	font-size:14px;
	font-weight:bold;

	}
.menu ul{
	background:#b83909;
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
		-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
	.menu li{
		float:left;
		padding:0px;
		}
	.menu li a{
		background:transparent ;
		color:#fff;
		display:block;
		font-weight:normal;
		line-height:35px;
		margin:0px;
		padding:0px 5px;
		text-align:center;
		text-decoration:none;
		}
		.menu li a:hover, .menu ul li:hover a{
			background: #d14210 url("img/hover.gif") bottom center no-repeat;
			color:#FFFFFF;
			text-decoration:none;
			}
	.menu li ul{
		background:#d14210;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	.menu li:hover ul{
		display:block;
		
		}
	.menu li li {
		background:url('img/sub_sep.gif') bottom left no-repeat;
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	.menu li:hover li a{
		background:none;
		
		}
	.menu li ul a{
		display:block;
		height:35px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		.menu li ul a:hover, .menu li ul li:hover a{
			background:#333 url('img/hover_sub.gif') center left no-repeat;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	.menu p{
		clear:left;
		}	

		
	/* Easy Slider */

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

	#slider{
	border: 2px solid  #5E5E5E;
	}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:390px;
		height:215px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:block;
		width:56px;
		height:45px;
		float: left;
		margin: 10px 0px 0px 0px;
		}	
	#nextBtn{ 
		left:0px;
		
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:56px;
		height:45px;
		background:url(img/flecha_izquierda.png) no-repeat 0 0;	
		}	
	#nextBtn a{ 
		background:url(img/flecha_derecha.png) no-repeat 0 0;	
		}												

/* Easy Slider */
	
/* TINY BOX */

#testdiv {width:600px; margin:0 auto; border:1px solid #ccc; padding:20px 25px; background:#fff}

#tinybox {position:absolute; display:none; padding:10px; background:#fff url(img/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000}
#tinymask {position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000; z-index:1500}
#tinycontent {background:#fff;color: #000;}

.button {cursor:pointer}
.button:hover {text-decoration: underline;}

/* FOLLETO */

.pdf{
padding: 0px 0px 0px 10px;
margin: 20px 0px 0px 0px;
}