body {
	font-family: Arial, Helvetica, sans-serif;
	background : url(fd.jpg) top repeat-x #EEEEF0;
	color      : #4A4A4A;
	font-size  : 13px;
	line-height: 19px;
	margin     : 0px;
	padding    : 0px;
}

p{
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/*
 * [ Utilidades ]
 */
.clearfix{ overflow: auto; width: 100%; }

.clearfix::after {
	clear  : both;
	content: "";
	display: table;
}

/* FLOATS */
.float-left{ float: left; }
.float-right{ float: right; }

/* ICONS */
.icon-whatsapp{ 
	display       : inline-block;
	vertical-align: sub;
}

/*
 * [ Phones ]
 */
#header-phones{
	font-family: "Verdana" , sans-serif;
	font-size  : 16px;
}

/* Facebook */
#header-fb{ display: inline-block; vertical-align: sub; }

/*
 * [ Contenedores ]
 */
#contenedor{ width:990px; height:auto; margin:0 auto 0 auto; }

#header{ width:100%; height:80px;  }

#logo{ width:35%; height:auto; float:left; text-align:left;}

#top-right{ width:60%; height:auto; float:right; text-align:right; margin-top:15px;}

#menu{ width:1000px; height:30px; padding-top:18px; }

.banners{ width:1000px; height:auto; float:left;}

#main{
	width: 100%;
	height: auto;
	float: left;
	background-color: #FFF;
	overflow: hidden;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#lateral-left{ width:200px; height:auto; float:left; text-align:left; background-color:#F4F4F4; }
#lateral-right{ width:200px; height:auto; float:right; text-align:right; background-color:#F4F4F4;}

#page{
	box-sizing: border-box;
	float     : left;
	height    : auto;
	max-width : 590px;
	padding   : 0 20px;
	width     : 100%;
}


#product{}

#product p{ text-align:justify;}
#product a{
	color: #004B97;
	font-weight: 700;
}
#product a:hover{ color:#903;}

#carrusel-abajo{
	width: 100%;
	height: auto;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	text-align: left;
	margin-top: 12px;
}

#social{ width:90%; height:35px;  padding-top:6px; padding-bottom:11px; text-align:center; padding-left:25px; }

#social a img{
	display: block;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}

#marcas{ width:795px; height:auto; margin:0 auto 0 auto; }


#registro{ width:88px; height:20px; text-align:center; line-height:20px; background-color:#333;}

#registro a{
	text-transform: none;
	color: #FFF;
}

#footer{
	width: 990px;
	height: auto;
	margin: 0 auto 0 auto;
	clear: both;

}

#footer-pag{
	width: 1000px;
	height: auto;
	float: left;
	background-image: url(fd_footer.jpg);
	font-size: 12px;
	background-repeat: repeat-x;
	background-position: 0px 0px;
	padding-bottom: 8px;
}
	
.footer-left{ width:55%; height:auto; float:left; text-align:left; padding-left:8px; padding-top:6px;}

.footer-right{ width:35%; height:auto; float:right; text-align:right;padding-right:8px; padding-top:6px; }

.Estilo3 {color: #FFFFFF}
.Estilo4 {font-size: 16px; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.Estilo5 { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-right: 10px; padding-left: 5px; }
.Estilo6 {color: #CCCCCC}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCCCCC;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CCCCCC;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
}


.Estilo8 { font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #003399; font-weight: bold; 	}
.Estilo9 {
font-size: 11px;
	color: #FF9900;
	font-weight: bold;
}
.Estilo10 {
	font-size: 11.5px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF6600; 
	font-weight: bold; }
	
.Estilo11 {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000; 
	font-weight: bold; }
	
.Estilo13 {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #660099; 
	font-weight: bold; }
.Estilo15 {
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif;
	color: #3333CC; 
	font-weight: bold; }
	
 
#forma{
	margin   : 25px 0 0 0;
	padding  : 25px; 
	position : relative;
}
 
  #forma p{ margin-bottom:3px;}
 
#forma .input_bg{ width:250px;}
 
 #forma .comment_submit{ background:#03C; color:#FFF; border:none; padding:5px; cursor:pointer; border-radius:6px;}
 
#formulario{ 
	background-image : url(../images/formulario-bg.png); 
	background-repeat: no-repeat; 
	border-bottom    : 1px solid rgba(0,0,0,.2);
	color            : #666; 
	float            : left; 
	font-size        : 12px; 
	height           : 230px; 
	margin-bottom    : 18px; 
	margin-top       : 15px; 
	text-align       : left; 
	width            : 540px; 
}

#formulario textarea{ height:95px; max-width: 100%; box-sizing: border-box; }

#fila {
	height: 20px;
	width: 240px;
	margin-top: 9px;
	margin-bottom: 9px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px; float:left;
}
.texto { height: 20px; width: 100px; text-align: left; color: #333; font-weight: normal; font-size: 12px; margin-top: 2px; margin-right: 5px; margin-bottom: 2px; margin-left: 2px; padding-right: 2px; padding-bottom: 6px; line-height: 33px; }
.borde {
	border: 1px solid #999999;
	width: 220px;
	padding: 2px;
	margin-bottom: 5px;
	background-color: #FFF;
}

form { margin: 0px; padding: 0px; }
.enviar { height: 28px; width: 104px; cursor: pointer; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid transparent; background-image: url(../images/buton-bg.png); background-repeat: no-repeat; background-position: 0px 0px; text-align: left; padding-left: 25px; }
.comentario { height: 100px;  }

/*
 * [ Container de Mensaje ]
 */
#form-message
{
	position: absolute;
	right   : 20px;
	top     : 26px;
	width   : 220px;
}


#login{ width: 200px; height: auto; background-image: url(../images/clientes-login-bg.png); background-repeat:no-repeat; overflow:hidden; }

#productos a{color:#333;}

#productos a:hover{color:#0752CD;} 

a.link_pdf{
	color: #333;
	display: block;
	text-decoration: none;
	font-family: Arial;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration:none;	
}

a.link_pdf:hover{
	color: #333;
	text-decoration:underline;
}

/******************************************** PRODUCCION *************************************************/

.cuadro-video {
	float: left;
	height: 275px;
	margin: 5px 18px 0 17px;
	padding: 0;
	text-align: center;
	width: 252px;
}

.titulo-video {
    float: left;
    height: auto;
    margin-bottom: 6px;
    text-align: left;
	width: 250px;	
}

.titulo-video p.titulo3{
    color: #0A2B9A;
    font-size: 20px;
	margin:5px 0;
}

.video {
    border: 1px solid #7CB520;	
    float: left;
	height: 188px;
	margin-bottom: 6px;
	width: 250px;
}

.descrip_video{
    float: left;
    height: auto;
    margin-bottom: 6px;
    width: 252px;	
}

.descrip_video p{
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
	text-align:left;	
}

#produccion{
	float:left;
	height:auto;
	margin-bottom: 12px;
	margin-top: -28px;
	width:1000px;	
}

#pag a{
	float:left;
	color: #05318D;
	padding: 0 5px;
	font-size: 14px;
}


/* ----------------------------------------------------------------
 * [ CATÁLOGOS  ]
 * ---------------------------------------------------------------*/

.download-catalogue
{
	background   : url(./images/btn-descarfa-camaras.png) #02549d no-repeat 94% 6px / 20px;
	border-radius: 3px;
	box-sizing   : border-box;
	color        : white;
	display      : inline-block;
	margin       : 3px 15px 0;
	padding      : 7px 33px 7px 15px;
	text-align   : left;
	transition   : all 500ms ease;
}

.download-catalogue:hover , .download-catalogue:focus{ color: white; } 
.download-catalogue:hover { background-color : #900; }

/* ----------------------------------------------------------------
 * [ PROYECTOS  ]
 * ---------------------------------------------------------------*/

/*
 * [ Vista previa ]
 */
.previewProject{
	padding : 13px 0;
}

.previewProject .current-title{
	color : #0F119A;
	margin: 0 auto 15px;
}

.previewProject img{
	transition : all 500ms ease;
}

.previewProject img:hover{
	transform: scale(.95);
}

.previewProject .current-link{
	background     : #8A0000;
	color          : white;
	display        : inline-block;
	font-size      : 13px;
	margin         : 10px 0 0;
	padding        : 5px 15px;
	text-decoration: none;
	transition     : all 500ms ease;
}

.previewProject .current-link:hover{
	transform: scale(.95);
}


/*
 * [ Detalles de Proyecto ]
 */

.singleProyect{ overflow: auto; padding : 20px 0; }

.singleProyect::after {
	clear  : both;
	content: "";
	display: table;
}

.singleProyect .current-img{ margin: 0 15px 10px 0; }

.singleProyect .current-title{
	color    : #0F119A;
	font-size: 16px;
	margin   : 0 auto 5px;
}


.singleProyect .current-link{
	background     : #8A0000;
	color          : white;
	display        : inline-block;
	font-size      : 13px;
	margin         : 10px 0 0;
	padding        : 5px 15px;
	text-decoration: none;
	transition     : all 500ms ease;
}

.singleProyect .current-link:hover{
	transform: scale(.95);
}