/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background: #ffffff;
	font-size: 100%;
}
.wrap{
	margin:0 auto;
	width:80%;
}
.header_bg{
	background: url('../images/header_bg.jpg');
	background-size: 100%;
}
.breadcrumb {
	background: none;
	padding: 4% 2%;
}
.breadcrumb > .active {
	color: #A8B8D8;
}
.breadcrumb li,.breadcrumb li a{
	font-size: 14px;
	color: #ffffff;
	text-transform:capitalize;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.breadcrumb li a:hover{
	text-decoration: none;
	color:#F15F43;
}
.header{
	background: #ffffff;
	padding: 2%;
}
.h_right{
	float: right;
	width: 72%;
}
.navbar-nav {
	margin-top:2%;
	margin-left: 10%;
}
.navbar-brand {
	line-height: 25px;
}
.menu li.active a{
	background: #FFF;
	color:#F15F43;
	border-bottom:2px solid #F15F43;
}
.menu li a{
	font-size: 14px;
	color: #354B77;
	border-radius: 0px;
	font-weight: 700;
	padding-top: 5px;
	padding-bottom: 5px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-bottom:2px solid #fff;
}
.menu li a:hover,.menu li.active a:hover{
	background: none;
	color: #F15F43;
	border-bottom:2px solid #F15F43;
}
.navbar-toggle {
  background-color: #354B77;
  border: 1px solid transparent;
}
.navbar-toggle .icon-bar {
	background-color: #ffffff;
}
.my_search{
	margin-top: 2%;
}
.my_search input[type="text"]{
	color:#2C3547;
	box-shadow: none;
	border:1px solid rgb(226, 226, 226);
	padding: 18px 14px;
	font-size: 13px;
}
.btn{
	background: #F15F43;
	color: #ffffff;
	padding: 9px 28px;
	line-height:20px;
	border: none;
	outline:none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn:hover{
	color:#ffffff;
	background: #354B77;
}
/* start slider */
.slider{
	margin-top: 8%;	
}
.slider_text h2{
	font-size: 24px;
	color: #CCC;
	text-transform: none;
	font-weight: 600;
	line-height: 1.2em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.slider_text h3{
	font-size: 24pt;
	color: #354B77;
	text-transform: none;
	font-weight: bolder;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-style: normal;
	line-height: normal;
}
.slider_img img{
	display: inline-block;
}
/* grids_of_3 */
.main{
	background: transparent;
	
}
.grids_of_3 {
	text-align: center;
	padding: 4% 2%;
}
.grid1_of_3 h2{
	color: #354B77;
	font-size: 26px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.grid1_of_3 p{
	font-size: 14px;
	line-height: 1.8em;
	color: #434C5E;
	margin-bottom: 20px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.grid1_of_3 img{
	display: inline-block;
	margin: 4% 0;
}
.btn_style{
	font-size: 14px;
	color: #ffffff;
	background: #354B77;
	padding: 12px 30px;
	line-height: 20px;
	text-transform: none;
	border: none;
	outline: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.btn_style_search{
	font-size: 14px;
	color: #ffffff;
	background: #354B77;
	padding: 10px 34px;
	line-height: 16px;
	text-transform: none;
	border: none;
	outline: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	vertical-align: middle;
}
.btn_style_cookies{
	font-size: 12px;
	color: #ffffff;
	background: #354B77;
	padding: 8px 16px;
	line-height: 14px;
	text-transform: none;
	border: none;
	outline: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.btn_style:hover{
	background: #F15F43;
}
.btn_style_search:hover{
	background: #F15F43;
}
/* grids_btm */
.grids_btm {
	padding: 4% 0;
}
.grid_list{
	display: block;
}
.grids_btm.top{
	padding: 4% 0;
	border-top: 1px ridge rgb(241, 241, 241);
	border-bottom: 1px ridge rgb(241, 241, 241);
}
.product_image{
	width: 30%;
	float: left;
	background: transparent;
	padding: 4%;
	border-top:solid 1px #E5EAF3;
}
.product_grid{
	width:70%;
	float:left;
	background: #E5EAF3;
	padding:4%;
}
.images_1_of_1{
	width: 24%;
	float: left;
	background: #354B77;
	padding: 4%;
	height: 100px;
}
.images_1_of_1 p{
	text-align: center;
	font-size: 5em;
	color: #ffffff;
	line-height:66px;
	margin: 0;
}
.grid_1_of_1{
	width:76%;
	float:left;
	background: #E5EAF3;
	padding:4%;
}
.grid_image{
	float:center;
	background: #E5EAF3;
	padding:4%;
}
.grid_1_of_1 h3{
	color: #354B77;
	font-size: 24px;
	font-weight: normal;
	line-height: 31px;
	margin: 0;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.grid_1_of_1 p {
	font-size: 14px;
	line-height: 1.8em;
	color: #434C5E;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
/* start footer */
.footer_bg{
	background: #f9f9f9;
}
.footer{
	padding:4% 0%;
}
.span1_of_4 h4{
	font-size: 2.5em;
	color: #354B77;
	margin-bottom: 8%;
}
.span1_of_4 h5{
	font-size: 1.5em;
	text-transform: capitalize;
	color: #354B77;
	margin-top: 8%;
}
.span1_of_4 p{
	margin-top: 5px;
	font-size: 13px;
	line-height: 1.5em;
	color: #9FA0A2;
}
.span1_of_4 p.top{
	margin-top: 4%;
}
.span1_of_4 span a{
	border-bottom: 1px dashed rgb(235, 233, 233);
	padding-bottom: 4px;
	margin-top: 8%;
	display: block;
	font-size: 14px;
	line-height: 1.5em;
	color: #434C5E;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.span1_of_4 span a:hover{
	text-decoration:none;
	color: #F15F43;
}
.f_nav li{
	display:inline-block;
	margin: 0 8px 8px 0;
}
.f_nav li a{
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.f_nav li a img{
	background: #ffffff;
	padding: 5px;
	border: 1px solid #eeeeee;
}
.f_nav li a:hover{
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.7;
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}
.container-fluid p a:hover{
	text-decoration:none;
	color: #F15F43;
}
.container-fluid p a{
	color: #354B77;
}
/*start footer_top */
.footer_btm{
	background: #f3f3f3;
}
.footer1{
	padding: 4% 2% 4% 0;
}
/* start soc_icons */
.soc_icons ul li{
	display:inline-block;
	margin-left: 10px;
}
.soc_icons ul li:first-child{
	margin-left: 0;
}
.soc_icons ul li a{
	display: block;
	width: 42px;
	height: 42px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
}
.soc_icons ul li a:hover{
	zoom: 1;
	filter: alpha(opacity=50);
	opacity: 0.7;
	-webkit-transition: opacity .15s ease-in-out;
	-moz-transition: opacity .15s ease-in-out;
	-ms-transition: opacity .15s ease-in-out;
	-o-transition: opacity .15s ease-in-out;
	transition: opacity .15s ease-in-out;
}
.copy{
	margin-top: 10px;
}
.copy p{
	color: #434C5E;
	font-size: 13px;
	line-height: 1.8em;
}
.copy p a{
	color:#F15F43;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.copy p a:hover{
	color: #434C5E;
	text-decoration: none;
}
/* start feature */
.features{
	padding:4% 2%;
}
.features_list1{
	margin-top: 4%;
}
.feature p{
	margin-top: 8%;
}
.feature img{
	width: 100%;
}
.feature a{
	display: block;
	font-size: 16px;
	font-style: italic;
	color: #354B77;
	text-transform: capitalize;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.feature a:hover{
	text-decoration: none;
	color: #F15F43;
}
/* start tag_nav */
.tag_nav {
	margin: 8% 0;
}
.tag_nav li{
	margin:10px 5px 0 0;
	display: inline-block;
}
.tag_nav li a{
	display: block;
	text-transform: capitalize;
	background: #E7E7E7;
	color: #5F5F5F;
	font-size: 13px;
	padding: 8px 14px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.tag_nav li a:hover{
	background: #354B77;
	color: #ffffff;
	text-decoration:none;
}
/* start about */
.about{
	padding: 4% 2%;
}
.img_style{
	margin-top:10px;
}
.img_style img{
	width: 100%;
}
.about h4{
	color: #354B77;
}
.para{
	font-size: 13px;
	line-height: 1.8em;
	color: #434C5E;
}
.about_p {
	padding: 10px;
	margin-top: 2%;
}
.read_more {
	margin: 3% 0 2%;
}
/* start contact */
.contact{
	padding: 2%;
}
.contact_info h2{
	color: #354B77;
	font-size: 26px;
}
.company_ad h2{
	font-size: 26px;
	color: #354B77;
}
.company_ad p{
	font-size: 13px;
}
.company_ad p a {
	color: #354B77;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.company_ad p a:hover{
	text-decoration:none;
	color: #F15F43;
}
.contact-form h2{
	font-size: 26px;	
	color: #354B77;
}
.contact-form span{
	display:block;
	text-transform: capitalize;
	font-size: 13px;
	color: #354B77;
	font-weight: normal;
	margin-bottom: 10px;
	
}
.contact-form textarea {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	padding: 10px;
	display: block;
	width: 100%;
	background: #ffffff;
	outline: none;
	color: #354B77;
	font-size: 13px;
	border: 1px solid #354B77;
	-webkit-appearance: none;
	resize: none;
	height: 120px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.contact-form textarea:focus{
	border:1px solid #66afe9;
}
.form-control{
	box-shadow: none;
	border: 1px solid #354B77;
}
.form-control:focus {
	box-shadow: none;
}
/*.btn_style{
	font-size: 14px;
	color: #ffffff;
	background: #354B77;
	padding: 12px 30px;
	line-height: 20px;
	text-transform: none;
	border: none;
	outline: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}*/
.contact-form input[type="submit"] {
	margin-top:20px;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	-webkit-appearance: none;
	float: right;
	cursor: pointer;
	border: none;
	outline: none;
	display: inline-block;
	padding: 12px 30px;
	font-size: 0.8925em;
	color: #ffffff;
	background: #354B77;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.contact-form input[type="submit"]:hover{
	background: #F15F43;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
/* start derails */
.details{
	padding:4% 2%;
}
.details img{
	margin-bottom: 2%;
}
/***** Corporate Color *****/
}
.keyter{
	color:#13EA0B;
}
/***** Media Quries *****/
@media only screen and (max-width: 1440px) and (min-width: 240px)  {
	.wrap{
		width:95%;
	}
}
@media only screen and (max-width: 1440px) {
}
@media only screen and (max-width: 1366px) {
}
@media only screen and (max-width: 1280px) {
}
@media only screen and (max-width: 1024px) {
	.logo img{
		width: 60%;
	}
	.h_right {
		width: 80%;
	}
	.nav > li > a {
		padding: 4px 8px;
	}
	.slider_text h2 {
		font-size: 4em;
	}
	.slider {
		margin-top: 2%;
	}
	.slider_text h3 {
	font-size: 2em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #354B77;
	line-height: normal;
	}
	.navbar-nav {
		margin-left: 0%;
	}
	.span1_of_4 h4 {
		font-size: 2em;
	}
	.images_1_of_1 p {
		line-height: 90px;
	}
}
@media only screen and (max-width: 768px) {
	.header_bg {
		background-size: 100% 100%;
	}
	.menu li.active a {
		border-bottom: none;
	}
	.menu li a:hover,.menu li.active a:hover{
		border-bottom: none;
	}
	.slider_text h2 {
		font-size: 2.8em;
	}
	.slider_text h3 {
		font-size: 2em;
	}
	.breadcrumb {
		padding: 4% 2% 2%;
	}
	.grid1_of_3 img {
		margin: 0% 0;
	}
	.grid_list{
		margin: 2% 0;
	}
	.images_1_of_1 p {
		line-height: 66px;
	}
	.span1_of_4 h4 {
		margin-bottom: 1%;
		margin-top: 2%;
	}
	.span1_of_4 h5 {
		margin-top: 2%;
	}
	.span1_of_4 p.top {
		margin-top: 1%;
	}
	.span1_of_4 span a {
		margin-top: 1%;
	}
	.footer1,.copy p{
		text-align:center !important;
	}
	.feature p {
		margin-top: 0%;
	}
	.feature a {
		margin-bottom: 4%;
	}
	.blog_right{
		margin-top: 4%;
	}
	.contact-form input[type="submit"] {
		margin: 15px 0;
	}
}
@media only screen and (max-width: 640px){
	.navbar-toggle {
		margin-top: 18px;
	}
	.slider_text h2 {
		font-size: 2.5em;
	}
	.slider_text h3 {
		font-size: 1.8em;
	}
}
@media only screen and (max-width: 480px) {
	.slider_text h2 {
		font-size: 2em;
	}
	.slider_text h3 {
		font-size: 1.2em;
	}
	.grid_1_of_1 h3 {
		line-height: 24px;
	}
	.grid_1_of_1 p {
		font-size: 13px;
		line-height: 1.5em;
	}
	.images_1_of_1 p {
		font-size: 5em;
		line-height: 1.44em;
	}
	.breadcrumb {
		padding: 4% 2% 0%;
	}
}
@media only screen and (max-width: 320px) {
	.slider_text h2 {
		font-size: 2.4em;
	}
	.slider_text h3 {
		font-size: 1.5em;
	}
	.slider_img img{
		width: 50%;
	}
	.grid1_of_3{
		margin-top: 30px;
	}
	.grid1_of_3 h2 {
		font-size: 26px;
	}
	.grid_1_of_1 h3 {
		font-size: 1.2em;
	}
	.images_1_of_1 p {
		font-size: 3em;
		line-height: 60px;
	}
	.hide{
		display: none;
	}
	.grid_1_of_1 {
		padding: 2%;
	}
	.breadcrumb li, .breadcrumb li a {
		font-size: 12px;
	}
	.span1_of_4 {
		margin-top: 20px;
	}
	.span1_of_4 span{
		margin: 10px 0;
	}
}
<style type="text/css">
 
/* CSS para la animación y localización de los DIV de cookies */
 
@keyframes desaparecer
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@-webkit-keyframes desaparecer /* Safari and Chrome */
{
0%		{bottom: 0px;}
80%		{bottom: 0px;}
100%		{bottom: -50px;}
}
 
@keyframes aparecer
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
 
@-webkit-keyframes aparecer /* Safari and Chrome */
{
0%		{bottom: -38px;}
10%		{bottom: 0px;}
90%		{bottom: 0px;}
100%		{bottom: -38px;}
}
#cookiesms1:target {
    display: none;
}
.cookiesms{	
	width:100%;
	height:38px;
	margin:0 auto;
	padding-left:1%;
        padding-top:5px;
        font-size: 1.2em;
	clear:both;
        font-weight: strong;
color: #354B77;
bottom:0px;
position:fixed;
left: 0px;
background-color: #FFF;
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
transition: bottom 1s;
-webkit-transition:bottom 1s; /* Safari */
-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
-moz-box-shadow:    3px -3px 1px rgba(50, 50, 50, 0.56);
box-shadow:         3px -3px 1px rgba(50, 50, 50, 0.56);
z-index:999999999;
}
 
.cookiesms:hover{
bottom:0px;
}
.cookies2{
	background-color: #FFF;
	display: inline;
	opacity: 1;
	filter: alpha(opacity=95);
	position: absolute;
	left: 1%;
	top: -25px;
	font-size: 12px;
	color: #354B77;
	height: 25px;
	padding-left: 25px;
	padding-right: 25px;
	-webkit-border-top-right-radius: 15px;
	-webkit-border-top-left-radius: 15px;
	-moz-border-radius-topright: 15px;
	-moz-border-radius-topleft: 15px;
	border-top-right-radius: 15px;
	border-top-left-radius: 15px;
	-webkit-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
	-moz-box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
	box-shadow: 3px -3px 1px rgba(50, 50, 50, 0.56);
	font-weight: bold;
}
 
/* Fin del CSS para cookies */
 
</style>