/*

CREDIT

http://www.templatemo.com

*/

body {
    margin: 0px;
    padding: 0px;
    color: #ffffff;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    line-height: 1.5em;
    background: #003399;
    background: url(images/templatemo_body.jpg) repeat-x, #0d3075;
    /* background: url(images/templatemo_body.jpg) repeat-x, url(images/bg-body.png) no-repeat left, #003399; */
    background-position: top;
    background-position-x: center;
    background-position-y: top;
    overflow-X: hidden;
}


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#001872+1,003399+100 */
background: #001872; /* Old browsers */
background: -moz-linear-gradient(left, #001872 1%, #003399 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #001872 1%,#003399 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #001872 1%,#003399 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001872', endColorstr='#003399',GradientType=1 ); /* IE6-9 */


/*a, a:link, a:visited { color: #ef4; text-decoration: none; }*/
a:hover { color:#3CF; text-decoration: underline; }
div#templatemo_content a {
    color: #daf8ff;
}


p { margin: 0px; padding: 0; }
img { border: none; }

h1, h2, h3, h4, h5, h6 { color: #ffffff; }
h1 { font-size: 40px; font-weight: normal; margin: 0 0 30px 0; padding: 5px 0; }
h2 {        font-size: 19px;
    font-weight: normal;
    margin: 0 0 4px 0;
    padding: 0;
    line-height: 32px;
    color: #fff;
    font-weight: bold;
    border-bottom: 2px dotted #ccc;
    padding-bottom: 3px;
    margin-bottom: 15px; }
h3 { font-size: 18px; margin: 0 0 15px 0; padding: 0; padding: 0; font-weight: normal; }
h4 { font-size: 18px; margin: 0 0 15px 0; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px 0; padding: 0; }
h6 { font-size: 14px; margin: 0 0 5px 0; padding: 0; }

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }
.cleaner_h10 { clear: both; width:100%; height: 10px; }
.cleaner_h20 { clear: both; width:100%; height: 20px; }
.cleaner_h30 { clear: both; width:100%; height: 30px; }
.cleaner_h40 { clear: both; width:100%; height: 40px; }
.cleaner_h50 { clear: both; width:100%; height: 50px; }
.cleaner_h60 { clear: both; width:100%; height: 60px; }


.float_l { float: left; }
.float_r { float: right; }

.image_wrapper { display: inline-block; padding: 1px; background: #64808b; margin-bottom: 10px; }
.image_fl { float: left; margin: 3px 15px 0 0; }
.image_fr { float: right; margin: 3px 0 0 15px; }

blockquote { font-style: italic; margin-left: 10px;}
cite { font-weight: bold; color:#3b3823; }
cite span { color: #696443; }
em { color: #fff; }

.tmo_list { margin: 20px 0 20px 20px; padding: 0; list-style: none; }
.tmo_list li { color:#ef4; background: transparent url(images/templatemo_list.png) no-repeat scroll 0 0px; margin:0 0 20px; padding: 0 0 0 20px; 	line-height: 1em; }
.tmo_list li a { color: #ef4; }
.tmo_list li a:hover { color: #ef4; }

.btn_more a {
	font-weight: bold;
}

.btn_more a span {
	font-size: 16px;
	font-weight: bold;
}

div#site_title h1 {
    margin-left: -20px;
    margin-top: -8px;
}

.btn_more a:hover, .btn_more a:hover span {
	color: #fff;
}

#templatemo_wrapper {
	width: 960px;
	margin: 0 auto;
	background: url(images/templatemo_wrapper.jpg) top center no-repeat;
}

#templatemo_sidebar {
	float: left;
	width: 240px;
	min-height: 560px;
	margin-bottom: 30px;
	background: url(images/templatemo_sidebar.png) top left no-repeat; 
}

#site_title {
	width: 200px;
	height: 98px;
	padding: 0 20px;
	margin-bottom: 500px;
}

#site_title h1 {
	margin: 0;
	padding: 20px 0 0 0;
}

#site_title a {
	margin: 0px;
	padding: 0px;
	font-size: 40px;
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

#site_title a span {
	display: block;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	margin-left: 5px;
}


#templatemo_main_column {
    float: right;
    width: 670px;
    background: url(images/templatemo_body.jpg) repeat-x, rgba(0, 51, 153, 0.8);
	
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0d3075+0,385599+100 */
background: url(images/templatemo_body.jpg) repeat-x, #0d3075; /* Old browsers */
background: url(images/templatemo_body.jpg) repeat-x, -moz-linear-gradient(top, #0d3075 0%, #385599 100%); /* FF3.6-15 */
background: url(images/templatemo_body.jpg) repeat-x, -webkit-linear-gradient(top, #0d3075 0%,#385599 100%); /* Chrome10-25,Safari5.1-6 */
background: url(images/templatemo_body.jpg) repeat-x, linear-gradient(to bottom, #0d3075 0%,#385599 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d3075', endColorstr='#385599',GradientType=0 ); /* IE6-9 */
	
	
    padding: 0px 15px;
    padding-bottom: 15px;
    border-radius: 5px;
}

/* menu */
ul#main-menu {
    background: #424e65;
    padding-right: 32px;
}
#templatemo_menu {
	width: 670px;
	height: 100px;
}

#templatemo_menu ul {
	float: right;
	display: inline-block;
	height: 60px;
	margin: 0;
	padding: 20px 0 0 0;
	list-style: none;
}
li.mlarge .sub-arrow {
    margin-left: 41px;
}
#templatemo_menu ul li {
	padding: 0;
	margin: 0;
	display: inline-block;
}

#templatemo_menu ul li a {
	float: left;
	display: block;
	position: relative;
	height: 55px;
	width: 100px;
	margin-right: 10px;
	font-size: 50px;
	text-decoration: none;
	font-weight: bold;
	outline: none;
	color: #cee2a7;
}

#templatemo_menu ul li a span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 80px;
	height: 24px;
	font-size: 14px;
	color: #3F5F1F;
	padding: 5px 10px;
	background: url(images/templatemo_menu.jpg) repeat-x bottom;
}

#templatemo_menu ul li a:hover, #templatemo_menu ul .current {
	color: #fff;
}

#templatemo_menu ul li a:hover span, #templatemo_menu ul .current span {
	color: #000;
}
/* end of menu */

#templatemo_content {
	clear: both;
	width: 670px;
	padding: 50px 0;
	    padding-bottom: 20px;
}

#templatemo_content p {
	margin-bottom: 10px;
}

.col_w670 {
    clear: both;
    padding-bottom: 10px;
    border-bottom: 1px solid #3768ca;
    margin-bottom: 10px;
}

.col_w315 {
	width: 315px;
}

#login {
	width: 200px;
	height: 190px;
	padding: 10px;
	color: #fff;
	margin: 0 10px;
	background: url(images/templatemo_login.png) no-repeat top;
}

#login h4 {
	color: #1c282d;
	margin-bottom: 30px;
}

#login form {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
}

#login form .login_field {
	width: 188px;
	padding: 2px 5px;
	color: #fff;
	background: #596f78;
	border: 1px solid #1a252a;
}

#login form label {
	display: block;
	width: 100px;
	margin-right: 10px;
	font-size: 14px;	
}

#login form .login_button {
	background: #596f78;
	border: 1px solid #1a252a;
	padding: 5px 10px;
	font-weight: bold;
}

.service_box {
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: 1px dashed #fff;
}

.sb_last {
	padding: 0;
	margin: 0;
	border: none;
}

.service_box img {
	float: left;
	width: 48px;
	height: 48px;
}

.service_box .right {
	float: right;
	width: 580px;
}

.service_box ol li {
	list-style: decimal-leading-zero;
	margin-bottom: 5px;
}

#contact_form form {
	margin: 0px;
	padding: 0px;
}

#contact_form form .input_field {
	color: #FFF;
	width: 300px;
	padding: 6px 0;
	background: #2a393f;
	border: 1px solid #0e171a;
}

#contact_form form label {
	display: block;
	color: #fff;
	margin-right: 10px;
	font-size: 14px;	
}

#contact_form form textarea {
	color: #FFF;
	width: 310px;
	height: 200px;
	background: #2a393f;
	border: 1px solid #0e171a;
}

#contact_form form .submit_button {
	color: #FFF;
	background: #2a393f;
	border: 1px solid #0e171a;
	padding: 10px 15px;
	font-weight: bold;
}

/* gallery */
#gallery {
	clear: both;
	margin-top: 30px;
	}
	
	#gallery a {
		border: none;
	}
	#gallery ul { list-style: none; margin: 0; padding: 0; }
	#gallery ul li {
		padding: 0 0 30px 0;
		margin: 0 0 30px 0;
		border-bottom: 1px dotted #699;
	}
	
	#gallery ul li .left {
		float: left;
		width: 280px;
	}
	
	#gallery ul li .left img {
		width: 270px;
		height: 130px;
		border: 2px solid #000; padding: 1px; background: #64808b;
	}
	
	#gallery ul li .right {
		float: right;
		width: 360px;
	}
	 
/* end of gallery */

/* footer */

#templatemo_footer_wrapper {
	clear: both;
	width: 100%;
	background: #ffffff url(images/templatemo_footer.jpg) repeat-x top;
	margin-top: 30px;
}

#templatemo_footer {
	width: 960px;
	margin: 0 auto;
    margin-top: 80px;
	}

#company_logo {
    float: left;
    width: 200px;
    padding: 20px;
    background: #cccccc;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

#copyright {
    float: right;
    color: #1c282d;
    width: 700px;
    padding: 20px 0;
    text-align: center;
    margin-bottom: 30px;
}

#copyright a {
	color: #000;
}

/* end of footer */

.main-nav {
    background: transparent;
}

.main-nav:after {
  clear: both;
  content: "\00a0";
  display: block;
  height: 0;
  font: 0px/0 serif;
  overflow: hidden;
}

.nav-brand {
  float: left;
  margin: 0;
}

.nav-brand a {
  display: block;
  padding: 10px 10px 10px 20px;
  color: #fff;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: normal;
  line-height: 29px;
  text-decoration: none;
}

#main-menu {
  clear: both;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

@media (min-width: 768px) {
  #main-menu {
    float: right;
    clear: none;
  }
}


/* Mobile menu top separator */

#main-menu:before {
  content: '';
  display: block;
  height: 1px;
  font: 1px/1px sans-serif;
  overflow: hidden;
  background: #2e8cb8;
}

@media (min-width: 768px) {
  #main-menu:before {
    display: none;
  }
}


/* Mobile menu toggle button */

.main-menu-btn {
  float: right;
  margin: 10px;
  position: relative;
  display: inline-block;
  width: 29px;
  height: 29px;
  text-indent: 29px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* hamburger icon */

.main-menu-btn-icon,
.main-menu-btn-icon:before,
.main-menu-btn-icon:after {
  position: absolute;
  top: 50%;
  left: 2px;
  height: 2px;
  width: 24px;
  background: #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.main-menu-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}

.main-menu-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}


/* x icon */

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {
  height: 0;
  background: transparent;
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}


/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}


/* hide the menu in mobile view */

#main-menu-state:not(:checked) ~ #main-menu {
  display: none;
}

#main-menu-state:checked ~ #main-menu {
  display: block;
}

@media (min-width: 768px) {
  /* hide the button in desktop view */
  .main-menu-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-state:not(:checked) ~ #main-menu {
    display: block;
  }
}

.image_wrapper {
    width: 100%;
    margin-bottom: 15px;
}
.image_wrapper img {
    width: 100%;
}


ul#main-menu {
    margin-top: 15px;
}
.wrapBox .box {
    width: 32%;
    float: left;
    margin: 15px 0.5%;
}
.wrapBox .box img{
width:100%
}
.box p {
    height: 31px;
    padding: 10px 0;
    text-align: center;
    font-weight: bold;
}
table td {
    border-bottom: 6px solid #003399;
    padding: 15px;
    /* border-top: 1px solid #6a91de; */
    background: #264f9e;
}
td.BgO {
    background: #304875;
}
.listaDescarga li {
    list-style: none;
    padding: 15px 0;
    border-bottom: 1px solid #506ca7;
}
.listaDescarga li span {
    background: #6e9eff;
    font-size: 12px;
    padding: 3px 10px;
    border-radius: 10px;
	margin-right:10px;
	transition: all 0.3s
}
.listaDescarga li span:hover {
    background: #fff;
    color: #6e9eff;
}
form{
    width: 80%;
    margin: 0 auto;
}
input[type="text"], textarea {
    background: rgb(160, 192, 255);
    border: none;
    padding: 10px 15px;
    width: 100%;
    margin-bottom: 20px;
    border-radius: 4px;
    box-shadow: 0px 7px 25px #1d3971;
}
textarea
{
height:150px
}
input[type="submit"] {
    display: table;
    margin: 0 auto;
    border: none;
    padding: 8px 20px;
    border-radius: 4px;
    color: #039;
}
form p {
    font-size: 12px;
    margin-top: 15px;
    color: #a0c0ff;
}
form label {
    margin-bottom: 7px;
    display: block;
    font-size: 16px;
}
div#accordion h3 {
    background: url(images/mas.png)no-repeat right, #3863c3;
}

div#accordion h3.ui-state-active
 {
    background: url(images/menos.png)no-repeat right, #3863c3;
}
.col1 {
    width: 60%;
    float: left;
}
.col2 {
    width: 40%;
    float: left;
}
/*RESPONSIVE*/
@media (min-width: 991px) {
.sm-blue>li>a>em {
    /*position: relative;*/
    bottom: -14px;
    left: -76px;
    width: auto;
    height: 37px;
    font-size: 14px;
    color: #ffffff;
    padding: 8px 15px;
    /*background: url(images/templatemo_menu.jpg) repeat-x bottom;*/
    font-style: normal;
    font-weight: normal;
	background:#424e65
}
.sm-blue>li>a {
    float: left;
    display: block;
    position: relative;
    height: 47px;
    width: 100px;
    margin-right: 10px;
    font-size: 50px;
    text-decoration: none;
    font-weight: bold;
    outline: none;
    color: #dddedb;
}
	li.mlarge {
		margin-right: 0px;
	}
	li.mlarge1 {
    margin-right: -40px;
	}
	li.mlarge2 {
    margin-right: 4px;
}	li.mlarge3 {    margin-right: 120px;}
	ul#main-menu li>ul {
    top: 44px !important
}
}
@media (max-width: 999px) {
div#templatemo_sidebar {
    height: 100px;
    min-height: 100px !important;
    background: none;
    margin-bottom: 0;
    position: absolute;
}
#templatemo_content, #templatemo_main_column, .image_wrapper, .col_w315 img , #templatemo_wrapper, #templatemo_footer{
    width: 100%;
}
.col_w315 {
    width: 46%;
    margin: 0 1%;
}
#main-menu {
    right: 20px;
}
}

@media (max-width: 990px) {
	ul#main-menu>li {
		background: #07245f;
	}
	.sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {

		font-size: 14px;
	}
	.sm-blue a .sub-arrow {
		bottom: -2px;
		margin-left: 0;
		position: absolute;
		left: 50%;
	}
	#templatemo_content {
    padding: 50px 15px;
}
* {
    box-sizing: border-box;
}
.sm-blue a {
    padding: 13px 15px;
}
}

@media (max-width: 767px) {
div#templatemo_sidebar {

    position: relative;
    margin: 0 auto;
    float: none;
}
#company_logo
{
display:none
}
#main-menu {
    right: 0px;
}
.sm-blue a .sub-arrow {
 
    left: auto;
    right: 0;
}
.image_wrapper img {
    width:100%;
    margin: 0 auto;
    float: none;
    display: table;
    margin-bottom: 0px;
}
.image_wrapper {
    background: transparent;

}
.wrapBox .box {
    width: 48%;
    float: left;
    margin: 15px 1%;
}
#templatemo_content {
    padding: 19px 15px;
}
table {
    width: 100%;
}
.listaDescarga ul {
    padding-left: 0;
}
form {
    width: 95%;
}
div#templatemo_main_column {
    background: transparent;
}
/*
#templatemo_wrapper {
    background: #fff;
}*/
ul#main-menu {
    padding-right: 0;
}
body{
background: #003399;
    background: -moz-linear-gradient(top, #003399 0%, #003399 37%, #000c5e 100%);
    background: -webkit-linear-gradient(top, #003399 0%,#003399 37%,#000c5e 100%);
    background:linear-gradient(to bottom, #003399 0%,#003399 37%,#000c5e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003399', endColorstr='#000c5e',GradientType=0 );
    /* background: url(images/templatemo_body.jpg) repeat-x, url(images/bg-body.png) no-repeat left, #003399; */
}
.col1, .col2 {
    width: 100%;
    float: none;
}
.ui-accordion .ui-accordion-content {
    padding: 15px;
    border-top: 0;
    overflow: auto;
}
}

@media (max-width: 600px) {

.col_w315 {
    width: 90%;
    margin: 0 auto;
    float: none;
}
#copyright {
    float: none;
      width: 100%;
    text-align: center;
}
}