@charset "utf-8";

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
	
position: absolute;
	padding: 0 0 0 5px;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}

/*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;
}
/*---------------*/


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 {
	border-radius: 0px;
	height:100px;
}
.navbar-brand img{
	z-index:999;
}
.navbar-bar {
	z-index:998;
}

.navbar-nav>li.webmail{
	font-size: 0.65em;
}

.oculto{
	display: none;
}
/*
#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;
	width:1138px;

	top:0px;
	z-index:0;
	
}
#bandera img{
	margin:0;
}
#bandera .row{
	padding:3px 0px 0 0;
	margin:0;float: right;
}



/*
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;
}
#resguarda a{
	border: 1px medium #333333 !important;

}

#footer #resguarda a , a:hover{
color: #007749;
}
/*-----------------------*/
/* 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 ;		
}
.extra-tz{
	margin-top: -1px;
}
.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  {	 
}
.navbar .nav > li > a span{
	font-size: 0.8em;
}
.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-default .navbar-collapse, .navbar-default .navbar-form{
	border: 0;
}

/*
.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;}
*/

/*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*/
}
#webi{
	display:inline !important;
}

/*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: separate;
	font-size:14px;
	margin:auto;
	width:100%;
	border:#fff 1px solid;
	background:#FFF;
	text-align:left;
	border-spacing:0px 11px;
}
.tabla-b img{
height:35px;
margin-right:15px;
}


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

.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:1.8;
	background:#666666;
	border:#CCCCCC 1px thin;
	
}

.tabla-c td{
	border:none;
	margin:0;
	padding:.1em .5em 0em .5em;
	border-bottom:solid 1px #eee;	
	color:#fff;
}
.tabla-c td.a1{
	text-align:center !important;
		font-weight:bold;
}
.tabla-c td.a2{
	text-align:center !important;
		font-weight:bold;
	background: #007749  !important;
}
.tabla-a a:hover, a:focus {
color: #666 !important;
}
#codigo .thumbnail table tr {
/*	background: #007749  !important;*/
	color: #666 !important;
	background: #FFF  !important;

}
thumbnail .codigo .a1{
/*	background: #007749  !important;*/
	color: #666 !important;
	border-radius: 4px !important;	
	background: #FFF  !important;
}
#conducta  .codigo a{
	color: #666 !important;
	background: #FFF  !important;
}

#codigo {
	background: #FFF  !important;
	color: #666 !important;
}
.codigo{
	width: 94%;
	text-align: left;
	margin-left: 0px !important;
	font-size: 16px;
}
#codigo td .mas {
    margin-right: 0;
	right: 0;
	width: 6% !important;
}
#codigo .codigo a{
	color: #666 !important;
	font-weight:bold;
	cursor: pointer;
}
#conducta #codigo a:hover, a:focus {
color: #666 !important;
background: #FFF  !important;	
}
#conducta .a1 a:hover, a:focus {
color: #666;/*anaranjado*/
text-decoration: underline;
background:#FFF;
}

/*.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;
}
	
.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;
}

.ima-VCA{
margin-right: 10px;
}

.reverse{ 
/*text-align: right !important;
width: 50%;		
float: right;
align-content: flex-end;*/
}

#collapse1{
	text-align: left;
}

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

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

.mail-naranja{
	color:#ff8200;/*anaranjado*/
}
.mail-naranja:hover{
	color:#666;
}

.mail-naranja:visited{
	color:#ff8200 !important;
}

.comunidad a{
	color: #ff8200 !important;/*anaranjado*/
}
.comunidad a:link {
     color:#ff8200 !important;
  }
.comunidad a:visited {
      color:#ff8200 !important;
  }
.comunidad a:hover {
      color:#ff8200 !important;
  }
.comunidad a:active {
      color:#ff8200 !important;
  }

/*--- 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;
}


/*--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:#FFF; /*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;
}

/*---CONTACTO---*/
.linea{
	width:100%;
	padding:10px 0 ;
	margin:0 0 30px 0;
	border-bottom:1px #999999 solid;
}
.resguarda{
	padding: 10px;
	text-align: left;
	height: 40px;
	font-size: 1.1em;
	border-radius: 0.5;
	opacity: 0.6;
    transition: 0.3s;
	color: #FFF !important;
	background: #7C878E url(../images/next.png) no-repeat 100%;
    background-size: 40px;
}

.resguarda a{
	color: #FFFFFF;

	
}
.resguarda a:hover{
	background: #FFF; 
	text-decoration: none;
}

.resguarda1 {
	text-decoration: none !important;
}

.resguarda:hover {
	opacity: 1;
	text-decoration: none;
}
/*----------------------------------------------
------------------------------------------------
--------- FORMULARIO ENVIO DE CV ---------------
------------------------------------------------
------------------------------------------------
-----------------------------------------------*/
legend{
	padding:20px 0 0 0;

}

/* FORM ALTA CLIENTE *****/
input[type=file]{
	color: red;
	/*font-weight: bold;
}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
/*---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1300px) {
.navbar-brand img{
	margin-right:60px;
}
.navbar li{
  font-size: 0.9em;
  padding:1px 5px;
   background:#FFF;
}
.navbar li a{
  margin:1px;
  background:#FFF;
}
.navbar-collapse.in{
overflow-y: hidden;	
}
.navbar-collapse{
margin-top:35px;
}
.navbar .nav li a{
  margin:1px;
    background:#FFF;
	padding:2px 5px;
}
.navbar .nav > li > a span{
	font-size: 1.0em;
}
.navbar .divider-vertical {/*LINEA DIVISORIA ENTRE LAS BOTONERAS*/
  height: 45px;
  background-color: #ccc;
  top: 0px;
  padding:0;
  
}
}
/*---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1025px) {
	#container{
	padding:20px 20px !important;
}
.navbar-brand img{
	margin-right:30px;
}
.navbar li{
  font-size: 0.8em;
  padding:1px 5px;
   background:#FFF;
}
.navbar li a{
  margin:1px;
  background:#FFF;
}
.navbar-collapse.in{
overflow-y: hidden;	
}
.navbar-collapse{
margin-top:35px;
}
.navbar .nav li a{
  margin:1px;
    background:#FFF;
	padding:2px 5px;
}
.navbar .nav > li > a span{
	font-size: 1.0em;
}
.navbar .divider-vertical {/*LINEA DIVISORIA ENTRE LAS BOTONERAS*/
  height: 45px;
  background-color: #ccc;
  top: 0px;
  padding:0;
  
}
	.reverse{
display:none !important;			
}
}
/*---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:768px){
	#container{
	background:#fff url(../images/sombra-cabezal.jpg) repeat-x;
	line-height:1.5;
	color:#333;
	padding:10px 20px ;		
}
.navbar-collapse.in{
	background:#FFF;
	 text-align:right;
	 border-bottom:#999 1px solid;
overflow-y: hidden;	
}
.navbar-collapse{
margin-top:30px;
}
.navbar-brand img{
	margin-right:0px;
}
.navbar{
	background:#fff;

}
.navbar li{
	top:0;
	text-align:right;
	background:#fff;
}
.navbar li{
	
  font-size: 0.7em;
  padding:2px 3px;
}
.navbar li a{
  margin:2px;
  background:#FFF;
  text-align:left;
  text-align:right;
}

.navbar .nav li a{
  margin:1px;
    background:#FFF;
	padding:2px 5px;
}
.navbar .nav > li > a span{
	font-size: 0.8em;
}
.navbar .divider-vertical {/*LINEA DIVISORIA ENTRE LAS BOTONERAS*/
  display:none;
}
.navbar-nav.navbar-right{
	height:70px;
}




.nav-tabs>li>a{
	font-size:0.9em;
}
h2{
	padding-top:10px;
}
h3{
	padding-top:10px;
}
.nav-pills>li>a{
	padding-top:10px;
	font-size:0.76em;
}
.row{
padding:20 0 0 0;	
}
.table{
 font-size:13px;	
}
.table a{
	 font-size:10px;	

}
	#map{
	border:solid 2px #333;
	left: 0px !important;
	width: 100%;
	height:365px;
}
	

}

/*---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){
	#container{
	background:#fff url(../images/sombra-cabezal.jpg) repeat-x;
	line-height:1.5;
	color:#333;
	padding:10px 20px ;		
}
	
.navbar-collapse.in{
	background:#FFF;
	 text-align:right;
	 border-bottom:#999 1px solid;
overflow-y: hidden;	
}
.navbar-collapse{
margin-top:30px;
}
.navbar-brand img{
	margin-right:0px;
}
.navbar{
	background:#fff;

}
.navbar li{
	top:0;
	text-align:right;
	background:#fff;
}
.navbar li{
	
  font-size: 0.7em;
  padding:2px 3px;
}
.navbar li a{
  margin:2px;
  background:#FFF;
  text-align:left;
  text-align:right;
}

.navbar .nav li a{
  margin:1px;
    background:#FFF;
	padding:2px 5px;
}
.navbar .nav > li > a span{
	font-size: 0.8em;
}
.navbar .divider-vertical {/*LINEA DIVISORIA ENTRE LAS BOTONERAS*/
  display:none;
}
.navbar-nav.navbar-right{
	height:70px;
}


.nav-tabs>li>a{
	font-size:0.9em;
}
h2{
	padding-top:10px;
}
h3{
	padding-top:10px;
}
.nav-pills>li>a{
	padding-top:10px;
	font-size:0.76em;
}
#container{
	padding:10px 10px !important;
}
.row{
padding:20 0 0 0;	
}
.nav-tabs>li{
	font-size:0.75em;
}
.nav-tabs>li>a{
	padding:5px;
}
.table{
 font-size:13px;	
}
.table a{
	 font-size:10px;	

}
	#map{
	border:solid 2px #333;
	left: 0px !important;
	width: 100%;
	height:365px;
}
	

}



/*---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:350px){
	
#container{
	background:#fff url(../images/sombra-cabezal.jpg) repeat-x;
	line-height:1.5;
	color:#333;
	padding:10px 20px ;		
}
	
.navbar-collapse.in{
	background:#FFF;
	 text-align:right;
	 border-bottom:#999 1px solid;
overflow-y: hidden;	
}

.navbar-default .navbar-brand {
	width:210px;
}

.navbar-brand img{
	margin-right:0px;
	 max-width:95%; 
	height:auto;
	padding:0;
	margin:0;
}
.navbar{
	background:#fff;

}
.navbar li{
	top:0;
	text-align:right;
	background:#fff;
}
.navbar li{
	
  font-size: 0.7em;
  padding:2px 3px;
}
.navbar li a{
  margin:2px;
  background:#FFF;
  text-align:left;
  text-align:right;
}

.navbar .nav li a{
  margin:1px;
    background:#FFF;
	padding:2px 5px;
}
.navbar .nav > li > a span{
	font-size: 0.8em;
}
.navbar .divider-vertical {/*LINEA DIVISORIA ENTRE LAS BOTONERAS*/
  display:none;
}
.navbar-nav.navbar-right{
	height:70px;
}


.nav-tabs>li>a{
	font-size:0.9em;
}
h2{
	padding-top:10px;
}
h3{
	padding-top:10px;
}
.nav-pills>li>a{
	padding-top:10px;
	font-size:0.76em;
}
#container{
	padding:10px 10px !important;
}
.row{
padding:20 0 0 0;	
}
.nav-tabs>li{
	font-size:0.75em;
}
.nav-tabs>li>a{
	padding:5px;
}
.table{
 font-size:13px;	
}
.table a{
	 font-size:10px;	

}
#map{
	border:solid 2px #333;
	left: 0px !important;
	width: 100%;
	height:365px;
}
		
}
/*---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------------------------------*/	
@media(max-width:600px) {
td .reverse{
display:none !important;
}
}