@font-face {
	font-family: 'Conv_OpenSans-Regular';
	src: url('../fonts/OpenSans-Regular.eot');
	src: url('../fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/OpenSans-Regular.woff') format('woff'),  url('../fonts/OpenSans-Regular.ttf') format('truetype'),  url('../fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Conv_JockeyOne-Regular';
	src: url('../fonts/JockeyOne-Regular.eot');
	src: url('../fonts/JockeyOne-Regular.eot?#iefix') format('embedded-opentype'),  url('../fonts/JockeyOne-Regular.woff') format('woff'),  url('../fonts/JockeyOne-Regular.ttf') format('truetype'),  url('../fonts/JockeyOne-Regular.svg#JockeyOne-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*------------------------- Layout styles ------------------------*/
body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background:url(../images/bg-body.jpg) no-repeat black;
	 background-size  : cover;
}
a {
	outline:none;
}
a img {
	border:0;
	display:block;
}
.page {
	background:none;
	width:960px;
	margin:0 auto;
}
/*------------------------- Header -------------------------*/
.header {
	background:none;
	padding:28px 0 0;
	position:relative;
}
.header a#logo {
	display:block;
	width:100%;
	height:87px;
	margin:0 auto;
}
.header ul {
	padding:0;
	margin:29px 0 0;
	list-style:none;
	overflow:hidden;
}
.header ul li {
	float:left;
	background:url(../images/bg-nav.jpg) no-repeat;
	width:240px;
	height:48px;
}
.header ul li.selected {
	background: navy;
	width:240px;
	height:48px;
}
.header ul li a {
	float:left;
	font-family: 'Conv_JockeyOne-Regular';
	font-size:18px;
	line-height:24px;
	text-decoration:none;
	text-shadow:0 2px 0 #3b3939;
	color:#fff;
	margin:11px 0 0 15px;
	display:block;
}
.header ul li a:hover {
	color:red;
}
.header ul li span {
	display:block;
	float:right;
	font-family: 'Conv_OpenSans-Regular';
	color:red;
	font-size:10px;
	line-height:24px;
	margin:14px 15px 0 0;
}

.header div.featured p a {
	background:none;
	width:auto;
	height:auto;
	margin:0;
	display:inline;
	color:red;
	text-decoration:none;
}
.header div.featured p a:hover {
	text-decoration:underline;
}
.header-about {
	position:static;

}
.header-about div.featured h2 {
	display:block;
	font-family: 'Conv_JockeyOne-Regular';
	color:red;
	text-shadow:0 3px 4px #000000;
	font-size:52px;
	line-height:36px;
	font-style:italic;
	margin:128px 0 0 50px;
	display:inline-block;

}
/*------------------------- Body ---------------------------*/
.body {
	border-top:6px solid red;
	background: rgba(220, 217, 217, 0.7);

	margin:-60px 0 0;
	padding: 18px 0 0 18px;
	overflow:hidden;
}
.body div.sidebar {
	width:192px;
	float:left;
	margin: 0 60px 0 0;
	text-align: justify;
}
.body div.sidebar div {
	background: none #1b1b1b;
	margin:36px 0 0;
}
.body div.sidebar div h3 {
	height:45px;
	background:none red;
	padding:0 0 0 12px;
	color:#f9fafd;
	font-size:30px;
	line-height:45px;
	text-transform:uppercase;
	display:block;
	margin:0;
	font-family: 'Conv_JockeyOne-Regular';
	font-weight:normal;
}
.body div.sidebar div div ul {
	list-style:none;
	padding:0 12px 6px;
	margin:18px 0 0;
}
.body div.sidebar div div ul li h4 {
	margin:0;
	display:block;
}
.body div.sidebar div div ul li h4 a {
	color:#f9fafd;
	font-size:16px;
	line-height:24px;
	display:block;
	margin:0;
	font-family: 'Conv_JockeyOne-Regular';
	font-weight:normal;
	text-decoration:none;
}
.body div.sidebar div div ul li p {
	color:white;
	font-size:11px;
	line-height:24px;
	margin:2px 0 22px;
	font-family: 'Conv_OpenSans-Regular';
}
.body div.content {
	float:left;
	width:690px;
}
.body div.content h1 {
	color:red;
	font-size:46px;
	line-height:24px;
	font-family: 'Conv_JockeyOne-Regular';
	margin:55px 0 40px;
	font-weight:normal;
}
.body div.content p {
	color:red;
	font-size:12px;
	line-height:24px;
	text-align:justify;
	margin:31px 0 0;
	padding: 0 40px 0 0;
}
.body div.content h4 {
	height:84px;
	background:none ;
	display:block;
	margin:0 18px 42px 0;
	font-family: 'Conv_JockeyOne-Regular';
	font-size:27px;
	line-height:93px;
	color:navy;
	font-weight:normal;
	text-transform:uppercase;
	padding:0 0 0 15px;
}
.body div.content h4 span {
	color:red;
	font-size:36px;
}
.body div.content h3 {
	color:red;
	font-size:16px;
	line-height:24px;
	font-family: 'Conv_OpenSans-Regular';
	margin:0;
	font-style:italic;
	text-transform:uppercase;
	font-weight:bold;
}
.body div.content p {
	color:black;
	font-size:15px;
	line-height:24px;
	margin:27px 0 22px;
	text-align:justify;
}
.body div.content p a {
	color:#343434;
	text-decoration:underline;
}
.body div.content p a:hover {
	color:#860606;
}
.body div.content ul {
	list-style:none;
	padding:0 18px 0 0;
	margin:0;
}
.body div.content ul li:first-child {
	background:none;
	margin:0;
	padding:0;
}
.body div.content ul li {
	overflow:hidden;
	margin:23px 0 0;
	padding:25px 0 0;
}
.body div.content ul li span {
	display:block;
	height:24px;
	background:none red;
	font-size:10px;
	line-height:24px;
	color:#f9fafd;
	padding:0 0 0 15px;
	font-family: 'Conv_OpenSans-Regular';
	margin:0 0 24px;
}
.body div.content ul li a { 
	display:block;
	float:left;
	margin:0 23px 0 0;
}
/* //////////////////////////////////////////////////////////Slide //////////////////////////////////////////////////////////////////////////////*/
#carrusel-caja {
    -moz-animation: automatizacion 15s infinite linear;
    -o-animation: automatizacion 15s infinite linear;
    -webkit-animation: automatizacion 25s infinite linear;
    animation: automatizacion 25s infinite linear;
    -webkit-transition: all 0.75s ease;
    -moz-transition: all 0.75s ease;
    -ms-transition: all 0.75s ease;
    -o-transition: all 0.75s ease;
    transition: all 0.75s ease;
    height: 300px;
    width: 300%;
}
#carrusel-contenido {
    margin: 0 auto;
    overflow: hidden;
    text-align: left;
}
.imagenes{
    height: 300px;
    width: 95%;
}
.carrusel-elemento {
    float: left;
    width: 33.333%;
}
@-moz-keyframes automatizacion {
    0% {
        margin-left: 0;
    }
    30% {
        margin-left: 0;
    }
    35% {
        margin-left: -100%;
    }
    65% {
        margin-left: -100%;
    }
    70% {
        margin-left: -200%;
    }
    95% {
        margin-left: -200%;
    }
    100% {
        margin-left: 0;
    }
}
@-webkit-keyframes automatizacion {
    0% {
        margin-left: 0;
    }
    30% {
        margin-left: 0;
    }
    35% {
        margin-left: -100%;
    }
    65% {
        margin-left: -100%;
    }
    70% {
        margin-left: -200%;
    }
    95% {
        margin-left: -200%;
    }
    100% {
        margin-left: 0;
    }
}
@keyframes automatizacion {
    0% {
        margin-left: 0;
    }
    30% {
        margin-left: 0;
    }
    35% {
        margin-left: -100%;
    }
    65% {
        margin-left: -100%;
    }
    70% {
        margin-left: -200%;
    }
    95% {
        margin-left: -200%;
    }
    100% {
        margin-left: 0;
    }
}
}

/*----------------------FORMULARIO--------------------*/

contact-form-two,label {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  color: white;
}

input,
textarea {
  width: 100%;
  padding: 5px 10px;
  margin-bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 12px;
  opacity:90%;
  
}
textarea{
	 padding: 40px 10px;
}
input[type="submit"] {
  background-color: red;
  color: white;
  padding: 12px 3px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  opacity:80%
}

input[type="submit"]:hover {
  background-color: navy;
  color: white;
}
/*EMPRESAS*/
.empresas {
	background:rgba(220, 217, 217, 0.7);
	width:960px;
	height:120px;
	margin:42px 0 10px;
}
.empresas ul {
	float:left;
	list-style:none;
	margin:0;
	overflow:hidden;
	padding: 10px 0 0 5px;
}
.empresas ul li:first-child {
	background:none;
	padding-left:0;
}
.empresas ul li {
	
	float:left;
	padding:0 25px;
}
.empresas1 img{ 
transition:all 0.5s ease-out;
}
.empresas1 img:hover{
box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
transform:translate(0px, -10px); 
}

/*FIN*/

.footer {
	background:rgba(34,34,34,0.9);
	width:960px;
	height:60px;
	margin:42px 0 72px;
}
.footer ul {
	float:left;
	list-style:none;
	margin:0;
	overflow:hidden;
	padding: 14px 0 0 15px;
}
.footer ul li:first-child {
	background:none;
	padding-left:0;
}
.footer ul li {
	background:url(../images/border-footer-nav.png) no-repeat left 8px;
	float:left;
	padding:0 21px;
}
.footer ul li a {
	color:#666881;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	text-decoration:none;
}
.footer p {
	color:white;
	float:right;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	margin:16px 0 0;
	text-decoration:none;
	padding:0 15px 0 0;
	text-align:right;
}
a:link {
  color: white;
  background-color: transparent;
  text-decoration: none;
  
}

a:visited {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}
/* REDES SOCIALES */
.iconos-sociales img{ 
transition:all 0.5s ease-out; border-radius:50px;
}
.iconos-sociales img:hover{
box-shadow: 0px 5px 1px 1px rgba(0, 0, 0, 0.1);
transform:translate(0px, -10px); 
}