body{	
	text-align: left;	
	background: rgb(203,203,203); 
	background: -moz-linear-gradient(top, rgba(203,203,203,1) 0%, rgba(255,255,255,1) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(203,203,203,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(203,203,203,1) 0%,rgba(255,255,255,1) 100%); 
	background: -o-linear-gradient(top, rgba(203,203,203,1) 0%,rgba(255,255,255,1) 100%); 
	background: -ms-linear-gradient(top, rgba(203,203,203,1) 0%,rgba(255,255,255,1) 100%); 
	background: linear-gradient(to bottom, rgba(203,203,203,1) 0%,rgba(255,255,255,1) 100%); 

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcbcb', endColorstr='#ffffff',GradientType=0 ); 
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;

	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #333;
}

.menu_bar {
	display:none;
}

header {
	width: 100%;
}

header nav {
	background: #4F357C;
	z-index:1000;
	max-width: 1040px;
	width: 1020px;
	margin: 20px 0px 0px -10px; 
	height: 120px;
	border-bottom:4px solid #3366CC;
}

header nav ul {
	list-style:none;
}

header nav ul li {
	display:inline-block;
	/*La razon por la que no usamos floar en vez de inline-block es
	porque no vamos a poder usar overflows en el header nav ul*/
	position: relative;
}

header nav ul li:hover .children {
	display: block;
}

/*Submenu*/
header nav ul li .children {
	background:#011826;
	position: absolute;
	display: none;
	width: 150%;
	z-index: 1000;
}

header nav ul li .children li {
	display: block;
	overflow: hidden;
	border-bottom: 1px solid rgba(255,255,255,.5);
	/*Usamos overflow hidden porque aqui si vamos a necesitar usar float*/
}

header nav ul li .children li a {
	display: block;
	padding: 20px 20px 20px 10px;
}

header nav ul .children li a span {
	float: right;
	position: relative;
	top:3px;
	margin-right: 0px;
	margin-left:5px;
}

header nav ul li a {
	color:#fff;
	text-decoration: none;
	display: inline-block;
	padding:50px 9px 50px 9px;
	font-size: 1em;
}

header nav ul li:hover {
	background:#412458;
}

header nav ul li span {
	margin-right:10px;
}

header nav ul li .caret {
	position: relative;
	top: 3px;
	margin-left: 10px;
	margin-right: 0;
}
#wrap{
	box-shadow:0px 0px 15px rgba(0,0,0,0.2);
	width:100%;
	max-width: 1000px;
	margin:auto;
	background: rgb(229,229,229); /* Old browsers */
background: -moz-linear-gradient(top, rgba(229,229,229,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(229,229,229,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	}
#logo-space{
	width: 140px;
}	
#logo{
	margin-top: -20px;
	
	width:120px;
	height:120px;
	float:left;
	
	position:absolute;
	z-index:2;
	}
#logo2{
	margin-right: 30px;
	width:90px;
	height:90px;	
	float: right;
	z-index:3;
	}

#logo a{
	position:absolute;
	float:left;
	padding:7px;
	opacity:1.0;
	filter:alpha(opacity=100); 
	transition-duration: 0.3s;}	
#logo a:hover{opacity:0.7; filter:alpha(opacity=70); transition-duration: 0.3s;}


a {
	font-size: 1em;
	color: #0061a6;
	text-decoration: none;
	transition-duration: 0.2s;
}

h1 {
	margin-top:0px;
	font-size:2.0em;
	color: #0e283f;
	font-weight:bold;
	text-shadow: 1px 0px 1px ##FFF;
	-webkit-text-shadow: 1px 0px 1px ##FFF;
	-ms-text-shadow: 1px 0px 1px ##FFF;
	-o-text-shadow: 1px 0px 1px ##FFF;
	filter: dropshadow(color=##FFF, offx=1, offy=0);
}
h2 {
margin-top: 0px;
font-size: 1.4em;
color: #707070;
font-weight: normal;
}
h3 {
	margin-top:0px;
	font-size:1.2em;
	color: #4a4f4f;
	font-weight:normal;
}

h4 {
	margin-top:0px;
	font-size:1.0em;
	color: #4a4f4f;
	font-weight:normal;
	margin-bottom:5px;
}
.col2 li
{
 width:50%;
 float: left;
}
p.quote {
    color: #1D4C88;
    font-size: 15px;
    line-height: 25px;
    background: url('../imagenes/quote.png') no-repeat scroll 0% 0% transparent;
    padding-left: 40px;
}
	.cuerpo{	/* Este es el delimitador para que la página no sea excesibamente grande */
		max-width: 1000px;
		margin:auto;

	}
	.cabecera{
		background: #CBCBCB;				
	}	
	.agenda{
		background: #99F;
		float: left;	/* flotamos el elemento a la izquierda */
		width: 30%;
		height: auto;
	}
	.contenido{		
		width: 70%;
		margin-left: 30%;
		height: auto;
		overflow: hidden;
	}
	.box{
		text-align: left;
		width: 95%;
		float: left;
		margin: 15px;
				
	}
	.box img{
		width: 90%;
		max-width: 750px;
		text-align: center;				
	}
	.titulo-cv{
	   text-align: center;

    }

.contenedor_texto {        
    margin-right: 5px;
    margin-left: 5px;

}
.contacto-izq {
    width: 55%;
    float: left;
}
.contacto-der {
    width: 40%;
    float: right;
    background: none repeat scroll 0% 0% #FFF;
    padding: 10px;
}
/*----FORM----*/
form.form-contacto{

	overflow:hidden;
	text-align: left;
	padding: 20px;

}

form.form-contacto label{

	line-height:33px;

	display:block;

	float:left;

	width:42%;}

	

form.form-contacto label.error{

	line-height:normal;}



form.form-contacto select {

display: inline;

height: 40px;

width: 449px;

border: 1px solid #e1e1e1;

background: #FFF;

color: #666666;

padding-left: 10px;

margin-bottom: 20px;

}

form.form-contacto input[type="text"]{

	background: #fff;

	border: 1px solid #cecece;

	padding: 5px;

	width: 82%;

	height: 25px;

	margin-bottom: 25px;

}



form.form-contacto textarea{

	background: #fff;

	border: 1px solid #cecece;

	padding: 5px;

	width: 82%;

	height: 100px;

	margin-bottom: 25px;

}



form.form-contacto input[type="submit"]{

float: left;

display: block;

font-weight: normal;

background-color: #19558e;

padding: 10px 10px;

font-size: 12px;

text-decoration: none;

color: #fff !important;

-webkit-border-radius: 3px;

-moz-border-radius: 3px;

-o-border-radius: 3px;

border-radius: 3px;

border:none;

margin-left:15%;

cursor: pointer;

}



form.form-contacto input[type="submit"]:hover{

background: #007bd2 ; transition-duration: 0.2s; text-decoration:none; cursor:pointer
}



	/* INTERNOS */



.submenu-productos{

	background: #FFF;
	float: left;
	width: 100%;	
	margin: 0px;

}

.submenu-productos h3
{	
	font-weight: bold;
	color:#FFF;
	background:#4F357C;
	display:block;
	padding:10px;
	font-size:1.2em;
	margin-bottom:5px;
}

.submenu-productos ul{
	margin:0px;
	display:block;
	padding:0px;
	font-size:1em;
	list-style:none;
}

.submenu-productos ul li a{

	padding:10px;

	display:block;

	border-bottom:1px solid #e0e0e0;

	}



.submenu-productos ul li a:hover{

	background:#4F357C;
	color:#fff;
	text-decoration: none;	
	}	
.submenu-productos ul li a.activo{

	background:#f1f1f1;

	text-decoration:none;

	}

	/*---catalogo---*/
.producto {
    border-width: 1px 1px 2px;
    border-style: solid;
    border-color: #EAEAEA;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    background: none repeat scroll 0% 0% #FFF;
    float: left;
    width: 200px;
    margin: 8px;
    padding-bottom: 20px;
    position: relative;
    box-shadow: 0px 0px 5px 0px #A4A4A4;
}

.producto-img {
    float: left;
    width: 180px;
    border-bottom: 3px solid #367AB5;
    margin-bottom: 5px;
}
.overlay-producto {
    opacity: 0;
    transition-duration: 0.2s;
    position: absolute;
}
.producto:hover .overlay-producto{
	opacity:1;	
	transition-duration: 0.2s;	
	}
.producto-desc {
    padding: 0px 10px;
    height: 252px;
}
.producto-botones {
    padding: 10px;
}
.btn-azul {
    float: left;
    display: block;
    font-weight: normal;
    background-color: #19558E;
    padding: 10px 7px;
    font-size: 11px;
    text-decoration: none;
    color: #FFF !important;
    border-radius: 3px;
}


/*** FICHA ***/


.cont-ficha{


	background-color:#fff;
border-radius: 9px 9px 9px 9px;
-moz-border-radius: 9px 9px 9px 9px;
-webkit-border-radius: 9px 9px 9px 9px;
border: 0px solid #000000;

-webkit-box-shadow: 10px 10px 12px -3px rgba(0,0,0,0.59);
-moz-box-shadow: 10px 10px 12px -3px rgba(0,0,0,0.59);
box-shadow: 10px 10px 12px -3px rgba(0,0,0,0.59);
	margin:20px;	
	padding:20px 20px 30px 20px;	
	border: 1px solid #ccc;	
	text-align:left;
	display:block;


}
.cont-ficha-img{
	float:left;
	width: 50%;	
	height:350px;
	text-align:center;
}
.cont-ficha-img img{	
	width: 100%;
	height: auto;
	text-align:center;

}

.cont-ficha-desc{
	float:right;
	width: 50%;	
	height:350px;	

}
.cont-ficha-asc{
	display:block;	
	min-height:150px;	

}
.cont-ficha-desc h2{
	margin-bottom:5px;
}
.modelo{
	color:#889494;
	font-size:1.2em;
}
.share{
	display:block;
	margin:30px 0;
}

a.acciones-ficha{
	color:#999a99;
	font-size:16px;
	display:block;
	line-height:50px;
	padding:5px;
}

a.acciones-ficha:hover{
	color:#999a99;
	text-decoration:none;
	background:#f1f1f1;
}
a.acciones-ficha img{
	margin-bottom:-12px;
	margin-right:10px;
}

tr.encabezado{
	background:#868686;}
tr.encabezado td{
	color:#FFF;
	padding:15px 10px;}
tr.bg-blanco{
	background:#FFF !important;}
tr.desc{
	background:#f5f5f5;}
tr.desc td{
	color:#222;
	padding:15px 10px;}
tr.desc p{
	font-size:11px;}
tr.desc img{

	margin-top:10px;}
.nav-ficha{
	text-align:right;	
	font-size:12px;
	font-weight:normal;
	color:#4a4f4f;
	display:block;
}
.nav-ficha a{
	text-decoration:underline;
	color:#4a4f4f;}
.nav-ficha a:hover{
	text-decoration:underline;
	color:#007bd2;}


	/* INTERNOS */


.noticias{
	width: 100%;
	max-width: 1000px;	
	background: #fff;
	overflow: hidden;
	color: #ffffff;
    padding-top:20px;
    border-top:1px solid #CCC;
}
.cont-productos-3 a:hover{

	background:#ccc;;
	color:#fff;
	text-decoration: none;	
	}	


.cont-productos-3{

	width:32%;	
	float:left;	
	height: auto;	
}

.noticia-home{
	overflow:hidden;
	border-bottom:1px solid #CCC;
	margin-bottom:25px;
	margin-top:5px;
	width: 333px;	
	}

.img-noticia-home{
	float:left;
	width:35%;
	text-align: center;
	}


.desc-noticia-home{

	float:left;
	width:65%;
	}

.desc-noticia-home p{
	margin:10px 0;
	color:#4a4f4f;
	font-size:11px;
	}

.desc-noticia-home span{
	color:#001840;
	font-size:10px;

	}

	/*----FOOTER-----*/
#footer{
	width: 100%;
	max-width: 1000px;
	padding-top: 10px;
	padding-bottom: 10px;
	background: #000;
	overflow: hidden;
	color: #fff;

	}
	#kitsoft{
	width: 100px;
	float: right;
	margin-top: 45px;
	text-align: center;

	}
	#footer_logo{
	width: 270px;
	float: left;

	}
	#footer_content{
	width: 300px;
	float: left;

	}
	#footer_content2{
	width: 300px;
	float: left;

	}

	@media all and (max-width: 800px){
		 
		 .cuerpo{
			display: block !important;	/* Cuando el ancho sea inferior a 600px el elemento será un bloque */
			width: 100% !important;
			max-width: 100% !important;
			margin: auto !important;
			position: static !important;
			float: none !important;

		}	
		.cont-ficha-img{
	    	display: block;
	    	width: 100% !important;
	    	height:auto;
	    }
		.cont-ficha-desc{
	    	display: block;
	    	width: 100% !important;
	    	height:auto;
	    }	

		#wrap{
			display: block !important;	/* Cuando el ancho sea inferior a 600px el elemento será un bloque */
			width: 100% !important;
			max-width: 100% !important;
			margin: auto !important;
			position: static !important;
			float: none !important;
		}				
		#logo{
		
		    display: none;
	    }	
	    #logo2{
		
		    display: none;
	    }
	    .contacto-der{
	    	display: none;
	    }
	    .desc-noticia-home{
            display: none;
		}
	    .contacto-izq{
	    	display: block;
	    	width: 100% !important;
	    }
	    .agenda{
	    	width: 100% !important;
	    }
	    .contenido{
	    	width: 100% !important;
	    	margin: auto !important;
	    	float: none !important;
	    	height: auto;
	    	overflow: hidden;
	    }
	    #footer{
		
		background: #000000;
		display: block !important;	
		width: 100% !important;
		max-width: 100% !important;
		margin: auto !important;
		position: static !important;
		float: none !important;
	    }  
	    #footer_logo{
	    	display: none;
	    }  
	    .menu_bar {
		
		background:#4F357C;		
		display: block !important;	
		width: 100% !important;
		max-width: 100% !important;
		margin: auto !important;
		position: static !important;
		float: none !important;
		top:0;
	    }

		.menu_bar .bt-menu {
			display: block;
			padding: 20px;
			color:#fff;
			overflow: hidden;
			font-size:25px;
			font-weight:bold;
			text-decoration: none;
		}

		.menu_bar span {
			float: right;
			font-size: 40px;
		}

		header nav {
			width: 80%;
			height: calc(100% - 80px);
			right:100%; 
			margin: 0;
			position:fixed;
			overflow:scroll;	
			text-align: left;	
		}

		header nav ul li {
			display: block;
			border-bottom:1px solid rgba(255,255,255,.5);
		}

		header nav ul li a {
			display: block;
			padding: 20px;
		}

		header nav ul li:hover .children{
			display: none;
		}

		header nav ul li .children {
			width: 100%;
			position: relative;		
		}

		header nav ul li .children li a{
			margin-left:20px;
		}

		header nav ul li .caret {
			float: right;
		}
	

	}