@charset "utf-8";


headings
-------------------------------------------------------------------------------*/
h1{
	    font-size:32px;
		font-weight:normal !important;

}
h2{
	    font-size:20px;
		color:#ff8200;/*anaranjado*/
		font-weight:normal !important;
		padding:0;
		margin:0;
	
}
h3{
	    font-size:18px;
		color:#ff8200;/*anaranjado*/
		font-weight:normal !important;
		padding-bottom:15px;
		margin:0;
	
}
h4{
	    font-size:15px;
		color:#ff8200;/*anaranjado*/

	
}
h5{
	    font-size:13px;
	    color:#007749; /*verde*/
		font-weight:bold;
}

h6{
	    font-family:Verdana, Geneva, sans-serif !important;
		font-size:0.9em;
	    color:#fff;
}
h7{
	    font-size:18px;
		font-weight:bold;
		color:#007749; /*verde*/
		font-weight:normal !important;
		margin-bottom:15px;
	
}
h8{
		font-weight:bold;
		color:#666666; /*gris*/
		font-weight:normal !important;
		margin-bottom:15px;
	font-size: 1.2em;
	
}
.link-certificacion{
	    font-size:13px;
	    color:#007749; /*verde*/
		font-weight:bold;
	    text-align: center !important;
	    margin-top: 15px;
}
/*---------------*/
.class{
	display: none;
}

body{
	font-family:Verdana, Geneva, sans-serif !important;
	background-position:50% 0;
	color:#FFFFFF;
	background:#999;
	}
a{
	color:#ff8200;/*anaranjado*/
	text-decoration:none;
}
#header{
	height:100px;
	position:relative;
	z-index:1000;
	background:#FFF;
}
	
.navbar-brand img{
	z-index:999;
}
.navbar-bar {
	z-index:998;
}

/*
#logo{
	background:url(../images/Terminal-Zarate-Puerto.jpg)  no-repeat;
	float:left;
	width:250px;
	height:80px;
	margin:20px 0 0 15px;
	text-indent:-1000em;
}
#logo a{
	width:100%;
	height:100%;	
	display:block;
}


/* menu principal ------------------ */
/*#bandera{
	position:absolute;
	top:5px;

    right:10px;
	z-index:1001;
}
#bandera img{
	margin:0;
}*/
li .bandera {
	left:0px;
	padding-left:20px;	
}




/*
footer
--------------------------------------------------------------------------------*/
.footer{
	background:#ff8200;/*anaranjado*/
	font-size:0.8em;	
	color:#FFF;
	padding:0 10px;
}
.footer .row{
	padding:10px 0;
	margin:0;
}
.footer .col-md-6{
	width:60px;
}
.footer .col-md-2{
	width:120px;
	text-align:right;
	padding:0;
}
.footer .col-md-4{
	padding: 0 0 0 10px;
}
.footer img{
	margin:0;
	padding:3px 000;
}

/*-----------------------*/
/* CLEARFIXES */
.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after,
.container_16:before,
.container_16:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after,
.container_16:after {
  clear: both;
}

/*Clears*/
.clr {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
.clrX {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 10px;}
.clrXV {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 15px;}
.clrXX {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 20px;}

/*****************-------- BOOTSTRAP-----------------**************************/

#container{
	background:#fff url(../images/sombra-cabezal.jpg) repeat-x;
	line-height:1.5;
	color:#333;
	padding:30px 50px ;		
}

.row{
	padding:35px 0px  0 0 ;	
}

.navbar-inner {
	  background-color: #ffffff;
  background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
  background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
  background-image: -o-linear-gradient(top, #ffffff, #ffffff);
  background-image: linear-gradient(top, #ffffff, #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'ffffff, endColorstr='#'ffffff, GradientType=0);
}

.navbar .brand {   /*LOGO*/
  padding: 8px 20px 12px;
  font-size: 12px;
  color: #ffffff;
  background-color: #ffffff;
  
}

.navbar .divider-vertical {/*LINEA DIVISORIA ENTRE LAS BOTONERAS*/
  height: 50px;
  background-color: #ccc;
  border-right: 1px solid #ccc;
  top: 35px;
}

.menu{

}

.navbar .nav > li > a {
  padding: 11px 10px 11px 12px;
  font-size: 1.13em;
  /*font-weight:bold;*/
  color: #999999;
  background:#FFF;
  margin-top:35px;

/*text-shadow: #999999 0.1em 0.1em 0.2em;*/

}
.navbar .nav > li > a:last-child  {
	 
}

.nav {
right:0;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus 
{
  color: #ff8200;/*anaranjado*/
  background:#FFF;
  
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
	 color: #ff8200;/*anaranjado*/
}

.navbar-default {
background-color: #fff;
border-color: #fff;
}
.navbar-nav>li>a {
line-height: 30px;

}

.navbar-nav>li>a:hover {
	color: #ff8200;/*anaranjado*/

}
.navbar-nav.navbar-right:last-child {
color:#666666;
}
.navbar-nav:hover, .navbar-nav:focus, .navbar-nav:active,  .navbar-nav.active, .open .dropdown-toggle.navbar-nav{
		color: #ff8200;/*anaranjado*/

}
.navbar-nav.navbar-right{
	font-family:Verdana, Geneva, sans-serif;
	font-size:8px;
	color:#666;
top:0px;
line-height:50px;
height:40px;
display: block;
}

.navbar-nav.navbar-right:hover{
text-align:center;
line-height:50px;

}
.navbar-nav.navbar-right img:hover{

}

/*
.navbar-right li{
	margin:0;
	padding:0;
}
.dropdown:hover .dropdown-menu {
    display: block;
	border:#CCC 0px solid;
 }
.dropdown-menu{
	font-size:9px;
	color:#666;
	min-width: 50px;
	padding:10px 0;
	color:#F60;
	
}*/

/* menu secundario ---------------------------------------------------------*/
/*
#tarifario, #arribo-buques, #webmail, #extranet {
padding-left: 0px;
background-repeat: no-repeat;
text-indent: -9999px;
cursor:pointer; 
cursor: hand;
margin:0 10px 0 0;
width:42px;
height:40px;
}
#tarifario {
background:url(../images/menu-sec_01_04.jpg) 30% 30%  no-repeat;
height:40px;
float: left;
}
#tarifario a{
	top: 20px;
}
#tarifario:hover{
background:url(../images/menu-sec_01_01.jpg)30% 30%  no-repeat;
height:40px
}
#arribo-buques {
	margin:0px;
width:48px;
height:38px;}
/*#arribo-buques:hover{
	margin:0px;
width:40px;
height:38px;
background:url(../images/menu-sec.jpg) -48px 0;}
#webmail {
background:url(../images/menu-sec_01_05.jpg) 0 0;}
#webmail:hover{
background:url(../images/menu-sec_01_02.jpg) 0 0;}
#extranet {
background:url(../images/menu-sec_01_06.jpg) 0 0;}
#extranet:hover{
background:url(../images/menu-sec_01_03.jpg) 0 0;}
*/



/*TOOLTIPS-----------*/


/*LINKS TABS------------------*/

.nav-tabs>li>a{
	background: #fff;
	color:#666666;
	font-size: 1.1em;
}
.nav-tabs>li>a:hover{
	border:1px solid transparent;
	background: #fff;
	color:#v;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{
	border: 1px solid transparent;
	border-bottom: 5px solid #999;
	background-color: #fff;
	color:#ff8200;/*anaranjado*/
}

/*-----------PILLS---------------------------------------*/
	
.nav-pills>li>a{
	padding-top:25px;
	border:1px solid transparent;
	background: #fff;
	color:#666666;
	font-size: 0.85em;
}
.nav-pills>li>a:hover{
	border:1px solid transparent;
	background: #fff;
	color:#ff8200;/*anaranjado*/
}
.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{
	border: 1px solid transparent;
	background-color: #fff;
	color:#ff8200;/*anaranjado*/
}

/*CAROUSEL----*/
.carousel-caption{
}
/*.new_html_code {
      width:150px;
      height:100px;
      min-width:150px;
      min-height:100px;
      max-width:200px;
      max-height:100px;
      overflow:hidden;
      display:block;
      border:1px solid red;
    }
	
.carousel-caption.background{
  width:500px;
  height:250px;
  background:#666;
  }
.carousel-caption.transbox{
  width:400px;
  height:180px;
bottom:40px;
left:30px;

  background-color:#666666;
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier
  }
.carousel-caption.h4{
	  color:#FFF;
	  font-size:16px;
	  font-weight:bold;
  }
.carousel-caption.p{
	text-align:left;
	 opacity:1;
  filter:alpha(opacity=100);
}*/

/*----->INDEX ---- EXTRAS--------*/
.extras{
	padding-right:5px !important;
}


.mas{
	width:50px;
    height:30px;
	padding-left:20px;
	text-align:right;
	right:0;
	margin:0;
}
.tabla-a{
	border-collapse: collapse;
	font-size:14px;
	margin:auto;
	width:100%;
	border:#fff 1px solid;
	background:#FFF;
	text-align:left;
	line-height:2;	
}
.tabla-a img{
}
.tabla-a span{
	margin:0 0 0 10px;
}

.tabla-b{
	border-collapse: collapse;
	font-size:14px;
	margin:auto;
	width:100%;
	border:#fff 1px solid;
	background:#FFF;
	text-align:left;
	
}
.tabla-b img{
height:35px;
margin-right:15px;

}
.tabla-b span{
	margin:0 0 0 10px;
}

.icono{
float:left;
width:32px;
height:32px;
padding:0;
margin:0;
}


.tabla-c{ /*datos del DOLAR*/
	border-collapse: collapse;
	font-size:14px;
	margin:auto;
	width:90%;
	line-height:2;
	background:#666666;
	border:#CCCCCC 1px thin;
	
}

.tabla-c td{
	border:none;
	margin:0;
	padding:.1em .5em .1em .5em;
	border-bottom:solid 1px #eee;	
	color:#fff;
}
.tabla-c td.a1{
	text-align:center !important;
		font-weight:bold;
}

/*.tabla-c th{
	border:none;
	margin:0;
	padding:.1em .4em;
	border-bottom:solid 1px #eee;	
	border-left:solid 1px #eee;	
	text-align:center;
	color: #990000;
	text-transform:capitalize;
	background:#CCCCCC;
	font-size:17px;
	font-weight:bolder;
}
.tabla-c td.a1{
	height:5px;
}*/

.table td.b1{
font-size:16px;
background:#CCC;
	    color:#007749; /*verde*/
		font-weight:bold;
		font-variant:small-caps;
}
	

/*IMAGENES-------------*/
.img-thumbnail{
	border: 1px solid #ddd;
	border-radius: 0px;
	padding: 10px;
}

/*LINKS*/
a{
	color:#666;
}
a:hover, a:focus {
color: #ff8200;/*anaranjado*/
text-decoration: underline;
background:#FFF;
}

.mail-naranja{
	color:#ff8200;/*anaranjado*/
}
.mail-naranja:hover{
	color:#666;
}
/***************************/
.table td.b1{
font-size:16px;
background:#CCC;
	    color:#007749; /*verde*/
		font-weight:bold;
		font-variant:small-caps;
}
	
.larga{
	border-collapse: separate;
	font-size:14px;
	margin:auto;
	width:100%;
	border:#fff 0px solid;
	background:#FFF;
	text-align:left;
	border-spacing:0px 8px;
}
.larga img{
text-align: left;	
	left: 0px !important;
}

.td-larga{
	padding: 5px 15px 5px 0;
	text-align: left;	
	left: 0px !important;
}
.icono-PAC{
float:left;
width:auto;
height:38px !important;
padding:0;
margin:0;
}

/*--- UBICACION MAPA ------------------------------*/
#map{
	/*	margin: 0px 0 0 0;
        /*border: 1px solid #ddd;
	border-radius: 0px;
	padding: 10px;*/
		border:solid 25px #333;
		left: 0px !important;
        width: 100%;
        height:365px;
}




/*---CONTACTO---*/
.linea{
	width:100%;
	padding:10px 0 ;
	margin:0 0 30px 0;
	border-bottom:1px #999999 solid;
}
/*--BOTONES UBICACION--*/
.btn-info{
	background:#E57828;
	border:1px solid #E57828;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info{
	background:#666666;
	border:1px solid #E57828;
}

.vineta ul {
    list-style: none;
    padding:0;
    margin:0;
}

.vinetali { 
    padding-left: 1em; 
	padding-bottom:1em;
    text-indent: -.7em;
}

.vineta li:before {
    content: "• ";
    color: E57828; /* or whatever color you prefer */
}

/******/
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-left {
  float: left !important;
}
.pull-right {
  float: right !important;
}
/*-----VEHICULOS / CLIENTES----*/

.thumbnail{
	padding: 10px;
	text-align:center;
	height:100%;
}
a.thumbnail {
	min-height:150px;	
}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active{
	border-color:#007749; /*verde*/
}
.thumbnail img{
	padding-bottom:0px;
}
.lead{ /*titulos dentro de clientes/vehiculos*/
	font-size:18px;
	color:#007749; /*verde*/
}
.thumbnail .caption{
	min-height:130px;	
}

/*LIGHTBOX----------*/
.ekko-lightbox .modal-header .close{
	border: 1px #FFF solid;
}





/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1200px) {
.navbar-nav>li.webmail{
	display:none;
}
.navbar .brand {   /*LOGO*/
  padding: 8px 10px 5px 0;
  font-size: 5px;
  color: #ffffff;
  background-color: #ffffff; 
}
.navbar span{
	display:none;
}
.navbar .nav > li > a {
  padding: 5px 7px;
font-size: 1.2em;
  background:#FFF;
  margin-top:30px;
}
.navbar-default .navbar-collapse{
float:right;	
width:410px;
}
img {
	margin-bottom:20px;
}
#container{
	padding: 15px 25px;
}
.nav-tabs>li>a{
	font-size: 0.75em;
	padding: 8px 10px;
}

@media only screen and (min-width: 1010px) {
}
.navbar .nav > li > a {
  padding: 5px 7px;
font-size: 0.9em;
  background:#FFF;
  margin-top:30px;
}






/*---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
	
	.navbar-header {
        float: none;
    }
    /*.navbar-toggle {
        display: block;
    }*/
    .navbar-collapse {
       visibility:visible;
    }

	
    .navbar-nav {
        float: none!important;
        margin: 25px -15px;

    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 5px;
        padding-bottom: 5px;
    }
 	li .divider-vertical {
		display: none!important;
	}
	



}