/* -------------------- CSS Document -------------------- */

@charset "UTF-8";

@font-face {
    font-family: 'bebasregular';
    src: url('../font/BEBAS___-webfont.eot');
    src: url('../font/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/BEBAS___-webfont.woff') format('woff'),
         url('../font/BEBAS___-webfont.ttf') format('truetype'),
         url('../font/BEBAS___-webfont.svg#bebasregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	background-color: #fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #666;
	margin: 0px;
}

#body-index{
	background-image: url(../images/bg.png);
	background-repeat: repeat-x;
	background-position: center top;
}

#body-interno {
	background-image: url(../images/bg-interno.png);
	background-repeat: repeat-x;
	background-position: center top;
}


/* -------------------- Generales -------------------- */

a {
	color: #666;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

.img {
	margin-top: 10px;
	margin-right: 10px;
}

hr {
	width:100%;
	height:0px;/*solo borde*/
	text-align:left;
	border-top-width: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

b {	font-family: bebasregular;
	color:#d8021e;
	font-weight: normal;
}

i {	
	color:#d8021e;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6, p{ line-height:130%;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {text-decoration: underline;}

h1 {font-size: 30pt;}
h2,h4 {font-size: 20pt;}
h3 {font-size: 10pt;}
h5 {font-size: 13pt;}
h6 {font-size: 10pt;}
p {font-size: 10pt;}

h1,h2,h5 {
	font-family: 'bebasregular';
	color:#d8021e;
}
	
h3,h4,h6 {
	font-family: 'bebasregular';
}

h6 a{
	color: #333;
}

h6 a:hover{
	color: #d8021e;
}

h5 a, a:hover{
	color: #d8021e;
}


/* -------------------- CSS Div -------------------- */

#wrapper {
	width: 890px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#container-header {
	clear: both;
	text-align: center;
	background-image: url(../images/bg-float.png);
	background-repeat: no-repeat;
	background-position: center 50px;
	height: 420px;
}

#container-header-interna {
	clear: both;
	text-align: center;
	background-image: url(../images/bg-float.png);
	background-repeat: no-repeat;
	background-position: center 50px;
	height: 270px;
}

#container-header #container{
	width: 890px;
	margin-right: auto;
	margin-left: auto;
}

#container-header-interna #container{
	width: 890px;
	margin-right: auto;
	margin-left: auto;
}

#header-logo {
	width: 356px;
	padding-top: 20px;
	padding-left: 20px;	
	float:left;
}

#container-main {
	width: 890px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	overflow:hidden;
	padding-top:50px;
}

#container-email {
	width: 890px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	overflow:hidden;
	padding-top:10px;
}

#container-email-2 {
	width: 890px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	overflow:hidden;
	padding-top:200px;
}

#container-secciones-bottom {
	width: 890px;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#container-footer {
	clear: both;
	height: 60px;
	text-align: center;
	color: #CCC;
	background-image: url(../images/bg-bottom.png);
	background-repeat: repeat-x;
	background-position: top;
}

#container-footer #container{
	width: 890px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
}

div.hr {
	float: left;
	width:100%;
	padding-top: 10px;
	padding-bottom: 0px;
}

div.float {
	float: left;
	width:100%;
	padding-top: 0px;
	padding-bottom: 20px;
}

div.float-catalogo {
	float: left;
	width:100%;
	padding-top: 20px;
	margin-bottom:0px;
}

div.float-news {
	float: left;
	width:100%;
	padding-top: 20px;
	padding-bottom: 5px;
}

div.float-news-ML {
	float: left;
	width:48%;
	padding-top: 20px;
	padding-bottom: 5px;
}

div.float-news-MR {
	float:right;
	width:48%;
	padding-top: 20px;
	padding-bottom: 5px;
}

/*div.datos {
	width:500px;
	padding-top: 20px;
	padding-bottom: 5px;
	padding-left:50px;
	background-color:#0F0;
}*/

div.float-2modulos {
  float: left;
  width: 270px;/*280*/
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 0px;
}

div.float-4modulos {
  float: left;
  width: 565px;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 0px;
}


/*div.float-6modulos {
  float: left;
  width: 875px;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 0px;
}*/

div.float-equipo {
	float: left;
	padding: 10px;
	padding-left:35px;
	margin: 5px;
	width: 225px;
	height: 80px;
	background-image: url(../images/user.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}

div.float-servicio {
	float: left;
	padding: 10px;
	padding-left:35px;
	margin: 5px;
	width: 225px;
	height: 150px;
	background-image: url(../images/star.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}


/* -------------------- catalogo -------------------- */

div.float-col-producto {
	float: left;
	padding: 0px;
	margin-right:10px;
	width: 270px;
}

div.float-producto {
	float: left;
	padding: 15px;
	margin-bottom: 25px;
	width: 240px;
	background-color: #fafafa;
	border: 1px solid #D2D2D2;
	border-radius: 8px 8px 8px 8px;
}

div.float-producto-destacar {
	clear: both;
	float: left;
	padding: 15px;
	margin: 5px;
	margin-bottom: 25px;
	width: 520px;
	background-color: #DDD;
	border: 1px solid #D2D2D2;
	border-radius: 8px 8px 8px 8px;
}

div.float-catalogo-imagen {
	float: left;
	width: 150px;
	height: 150px;
}

div.float-catalogo-detalle {
	float: right;
	width: 240px;
}

div.float-area {
	float: left;
	padding: 10px;
	padding-left:35px;
	margin: 5px;
	width: 500px;
	background-image: url(../images/user.png);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}

/* -------------------- fin catalogo -------------------- */


/* -------------------- css formulario -------------------- */

FORM {
	PADDING: 0px; 
	MARGIN: 0px; 
}

form div {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

LABEL {
	MARGIN-TOP: 5px; 
	float:left;
	width:150px;
	text-align:right;
}

INPUT {
	BORDER: #ccd 1px solid;
	PADDING: 5px;
	MARGIN-LEFT: 10px;
	BACKGROUND-COLOR: #EDEDED;
	width:300px;
	height:20px;
}

INPUT.btn {
	BORDER: #ccd 1px solid;
	PADDING: 5px;
	MARGIN-LEFT: 160px;
	BACKGROUND-COLOR: #d8021e;
	color:#FFF;
	width:100px;
	height:40px;
}

TEXTAREA {
	BORDER: #ccd 1px solid; 
	PADDING: 5px; 
	MARGIN-LEFT: 10px; 
	BACKGROUND-COLOR: #EDEDED;
	width:300px;
	height:150px;
}

INPUT.errHilite, SELECT.errHilite, TEXTAREA.errHilite  {
	BORDER: #d8021e 1px solid; 
	BACKGROUND-COLOR: #ffe;
}

LABEL.errHilite {
	COLOR: #c00;
}

UL#errors {
	BORDER: #d8021e 1px solid; 
	PADDING: 5px; 
	MARGIN-TOP: 1em; 
	DISPLAY: none; 
	COLOR: #c00; 
	BACKGROUND-COLOR: #ffe;
}

UL#errors LI {
	PADDING: 0px; 
	MARGIN-TOP: 5px; 
	MARGIN-BOTTOM: 5px; 
	MARGIN-LEFT: 20px; 
	CURSOR: pointer; 
}

UL#errors LI.heading {
	PADDING: 0px; 
	MARGIN: 5px 0px; 
	COLOR: #000; 
	FONT-STYLE: italic; 
	LIST-STYLE-TYPE: none;
}

/* -------------------- fin formulario -------------------- */


/* -------------------- slider -------------------- */

#containerSlider{	
	position:absolute;
	text-align:left;
	width:460px;
	height:280px;
	margin-left:400px;
	margin-top:20px;
}	

#containerSlider #content #slider ul{	
	width:460px;
	height:280px;
}

#containerSlider #content #slider li{	
	width:460px;
	height:280px;
}

/* -------------------- fin slider -------------------- */


/* -------------------- top -------------------- */

.info-top{
	border: none;
	border: 0px;
	margin: 0px;
	padding-top: 8px;
	width: 100%;
	margin-left:10px;
	color:#FFF;
}

.info-top ul {
	height:35px;
	list-style:none;
	margin:0;
	padding:0;
} 

.info-top li{
	float:left;
	padding-left:7px;
	padding-right:7px;
	padding-top:5px;
}

.info-top li a, .info-top li a:hover{
	color: #FFF;
}

.info-top li a {
	text-decoration: underline;
}

.info-top li a:hover{
	text-decoration:none;
}
.info li.social-link{
	float:left;
	padding-left:5px;
	padding-right:0px;
	padding-top:0px;
}

a.link-top {
	color: #fff;
	text-decoration: none;
}

a:hover.link-top  {
	color: #CCC;
	text-decoration: none;
}
/* -------------------- fin top -------------------- */


/* -------------------- CSS buttons social -------------------- */

a.fb {
	width: 32px;
	height: 32px;
	display:block;
	overflow: hidden;
	background: url(../images/btn-facebook.png) no-repeat left top;
	margin-top: -5px;
	float: left;
}

a:hover.fb { 
	background: url(../images/btn-facebook.png) no-repeat left -32px;
}

a.li {
	width: 32px;
	height: 32px;
	display:block;
	overflow: hidden;
	background: url(../images/btn-linkedin.png) no-repeat left top;
	margin-top: -5px;
	float: left;
}

a:hover.li { 
	background: url(../images/btn-linkedin.png) no-repeat left -32px;
}

a.in {
	width: 32px;
	height: 32px;
	display:block;
	overflow: hidden;
	background: url(../images/btn-instagram.png) no-repeat left top;
	margin-top: -5px;
	float: left;
}

a:hover.in { 
	background: url(../images/btn-instagram.png) no-repeat left -32px;
}

/* -------------------- Fin CSS buttons social -------------------- */