@charset "UTF-8";
/* CSS Document */

/*   
Theme Name: prolinecargo
Theme URI: http://www.areapublicidad.com
Description: Prolinecargo.com site 
Author: Cerotv.org
Author URI: http://www.areapublicidad.com
Version: 0.1
Tags: Corporative CMS.

*/


/* =Global Elements
-------------------------------------------------------------- */
html {
	margin:0px;
	background-color:#FFFFFF;
	}

html,body { 
	font-family: Arial, Helvetica, sans-serif; 
	color: #333; 
	font-size: 14px;
	margin:0px;
   	padding:0;
   	height:100%;
}

.seudolink {
	color: #333366;
}

.seudolink:hover {
	color: #c33; 
}

a:link  { 
	color: #333366;
}
a:focus, a:hover     { 
	color: #c33; 
	}
a     { 
	color: #333366; 
	text-decoration: none; 
	}

a img{border:none;}
.clear { 
	clear: both; 
	display: block; 
	overflow: hidden; 
	visibility: hidden; 
	width: 0; 
	height: 0 
}


h3 { font-size: 18px; font-weight: bold; margin: 2em 0 1.25em; color: #666; text-transform: uppercase }
h1, h2, h4 { font-weight: bold }
h5 { font-size: 16px; margin: 1em 0 0.5em; color: #999; text-transform: uppercase }
h6 { font-size: 14px }



/* =Layouts
-------------------------------------------------------------- */
.sencillo{
	min-height:100%;
   	position:relative;	
	}

#contenedor{ 	width: 900px; 
	      	margin: 0 auto;
	      	z-index:-50px;

   		
		
		    }
#contenedor2 { 	width: 900px; 
	      	margin: 0 auto;
	      	z-index:-50px;
		
		
		    }

.rojo{
	margin-top:16px;
	background-color:#B02722;
}
#rojo{
	margin-top:-90px;
	
}

/* =Header
-------------------------------------------------------------- */
#header { }
.selector{
	position:relative;
	float:right;
	color:#333;
	margin-top:0px;
	margin-right:15px;
	height:25px;
	}
.selector p{
	font-size:10px;
	font-weight:bold;	
	}
.selector a {
	color:#b02722;
}

.selector a.ingles{
	position:absolute;
	width:28px;
	height:17px;
	right:94px;
}
.selector a.espanol{
	position:absolute;
	width:28px;
	height:17px;
	right:63px;
}
.selector a.facebook{
	position:absolute;
	width:58px;
	height:17px;
	right:0px;
}

.logo { 
margin-top:1px;
float:left;
display:inline;
 }

/* =Menus
-------------------------------------------------------------- */
 .menu {
	 float:right;
	 margin-top:15px;
	 margin-right:10px;
	 margin-bottom:0px;
	 }
.menu ul{
	list-style:none;
	display:block;
	margin:auto;
	padding:0px;
	
	}
.menu li{
	float:left;
	margin:0 2px;
	font-size:14px;
	font-weight:bold;
	
	}
.menu li:last-child{
	margin-right:0px;
}
.menu li a{
	padding:6px 12px;
	background-color:#D5D5D5;
}
.menu li a:hover{
	border-bottom:solid 2px #cc3333;
}

marquee{
	float:right;
	margin-top:10px;
	margin-right:10px;
	color:#b02722;
	font-size:12px;
	font-weight: bold;
	width:560px;
}

.marquee {
	position: relative;
	float: right;
    width: 560px;
	color: #b02722;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
	font-size:12px;
	font-weight: bold;
	height: 20px;
	padding: 0px;
	top: 0.85em;
	left: -2em;
}
.marquee p {
    display: inline-block;
    padding-left: 100%;
	margin-top: 0px;
    animation: marquee 30s linear infinite;
}
.marquee p:hover {
	animation-play-state: paused;
}
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

/* =SLIDER
-------------------------------------------------------------- */
.presentacion {
	height:230px;
	width:900px;
	}


.clear {
	clear: both;
	height:0px;
}


.slides1 {
	position: relative;
	padding: 0px;
	width: 900px;
	font-family:Verdana, Geneva, sans-serif;
}

#slides1 {
	overflow: hidden;
	height: 170px;
	width:900px;
}

#slides1 li {
	list-style: none;
	width: 900px;
}

#slides1 li img {
	float: left;
}

#slides1 .content {
	float: left;
	width:270px;
	margin-right:8px;
}

#slides1 li p {
	line-height: 22px;
}

#slides1 h3 {
	font-size: 22px;
	color:#333;
	font-weight: 900;
	line-height:26px;
	text-align:right;
	text-transform:none;
	margin-bottom:4px;
	
}

 .mas{
	padding:4px;
	background-color:#cc3333;
	color:#FFF;
	display:inline;
	float:right;
	}
.menos{
	float:none;
	clear:both;
	display:block;
	margin-bottom:4px;
}
#mas{
	float:left;
	}
.mas a{
	color:#FFF;
	font-weight:800;
	text-decoration:none;
	font-size:12px;
	}
.mas a:hover{
	color:#CCC;
	text-decoration:underline;
	}

.auto_link{
	display:none;
	}

.slides1_wrap a:active {
	top: 102px;
}

.bx_pager {
	float:right;
	display: none;
}

.bx_pager a {
	float: left;
	background-image:url(images/fboton.gif);
	background-repeat:no-repeat;
	width: 16px;
	height: 16px;
	padding:2px;
	color:#FFF;
	font-size: 11px;
	margin-right:2px;
	text-align:center;
}

.bx_pager a:hover, .bx_pager a.active {
	background-image:url(images/fbotonactivo.gif);
	text-decoration: none;
}

.auto_controls a:hover {
	text-decoration: none;	
	color: #e41996;
}
	
	
	
	/* =HOMES PROPERTIES
-------------------------------------------------------------- */
	
#sobre{
	margin-top:12px;
	}

	
.sobre {
	height:185px;
	float:left;
	}

.sobreJetBox {
	width:260px;
	height:177px;
	float:left;
	background-color: #B02722;
	border-radius: 0.5em;
	}

.sobreJetBox h3{
	margin-top:4px;
	margin-bottom:1px;
	margin-left:8px;
	font-size:22px;
	font-weight:bold;
	color:#FFF;
	}

.sobre img{
	width:274px;
	height:174px;
	border:6px solid #fff;
	overflow:hidden;
	float:left;
	}
.sobrep{
	float:left;
	margin-left:8px;
	width:334px;
	margin-top: -12px;
	}
.sobre h1{
	float:left;
	font-size:22px;
	color:#333366;
	margin-left:8px;
	font-weight:bolder;
	letter-spacing: -1px;
	}
.sobrep p{
	font-size:12px;
	color:#666;
	font-weight:300;
	margin-top:12px;
	margin-left:8px;
	}
.track {
	float:right;
	background-color: #B02722;
	border-radius: 0.5em;
	width:260px;
	height:177px;
	color:#FFF;
	}
.track h3{
	margin-top:4px;
	margin-bottom:1px;
	margin-left:8px;
	font-size:22px;
	font-weight:bold;
	color:#FFF;
}
.track h3 span{
	font-size:16px;
	}
.track .identificador{
	background-repeat:no-repeat;
	height:24px;
	width:227px;
	margin-left:4px;
	margin-top:4px;
	}
.track p{
	margin:8px;
	font-size:12px;
	line-height:12px;
	}
.track a{
	color:#FFF;
	font-weight:bolder;
	text-decoration:underline;
	}
.identificador input {
    border: 1px solid #bbb;
    background: #ddd;
    margin:0px 0px 4px 4px;
}
.identificador input.boton {
    border: 0px;
    background: #ccc;
   float:right;
}

/* =reticula
-------------------------------------------------------------- */

.servicios{
	margin-top:16px;
	width: 900px; 
	margin: 0 auto;
	}

.reticula{
	margin-top:15px;
	float:left;
	width:286px;
	overflow:hidden;
	margin-bottom:16px;
	
	}

#tipo2 {
	margin-right:21px;
	margin-left:21px;
	}

.reticula img{
	overflow:hidden;
	border:solid #ccc 2px;
	margin-bottom:4px;
	
	}	
.reticula a:hover img{
	border:solid #fff 2px;
	
	}
.reticula .mas{
	background-color:#CCC;
	color:#933;
	float:left;
	margin-top:4px;
	margin-bottom:8px;
	}
.reticula .mas a{
	color:#930;
	
	}
.servicios h2{
	font-size:18px;
	color:#fff;
	margin-bottom:2px;
	min-height:44px;
        text-shadow: #54251e 2px -2px 2px;

	}
* html .servicios h2{
	height:44px;
	}
.servicios p{
	color:#ddd;
	font-size:11px;
	margin-bottom:0px;
	}
.dos{
	padding-bottom:96px;

}
.dos h2{
	color:#B02722;
	text-shadow: #fff 2px -2px 2px;
}
.dos p{
	color:#333;
}
.dos .reticula .mas {
	background:#B02722;
}
.dos .reticula .mas a {
	color:#fff;
}
	
/* =Paginas

-------------------------------------------------------------- */


.inicio{
	margin:0px;
	/*padding-bottom:96px;*/
	position:relative;
	}
#mapa{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	z-index:-1;
	}
.flash1{
	width:250px;
	float:left;
	}
.pagina {
	width:600px;
	float:left;
	min-height:100%;
	height:100%;
	padding-bottom:96px;
	}
.pagina h2{
	padding-left:50px;
	color:#ddd;
	margin-top:32px;
	margin-bottom:32px;
	font-size:36px;
	line-height:36px;
	background:url(images/flecha.gif) no-repeat #666;
	}
.entrada {
	background-color:#333;
	opacity: 0.7;
	padding-left:25px;
	padding-top:8px;
	padding-bottom:8px;
	}
.parrafo {
	width:550px;
	float:right;
	}
.parrafo p{
	font-family: Helvetica,Arial,Verdana,Geneva,sans-serif;
	font-size:12px;
	line-height:18px;
	}
.parrafo img{
	margin-bottom:16px;
	}

/* =Sidebar
-------------------------------------------------------------- */
.sidebar {
	float:right;
/*	margin-right:10px;*/
/*	padding-left:2em; */
        padding-top:15px;
        padding-bottom: 2em;
	}
.sidebar h2{
	color:#333;
	font-size:24px;
	text-align:right;
	margin-top:20px;
	margin-bottom:8px;
	}	
.sidebar li{
	list-style:none;
	margin-bottom:4px;
	}







/* =Footer
-------------------------------------------------------------- */

#footer { 
  	position:absolute;
   	bottom:0;
	border-top: 1px solid #DDD;
	background-color:#490E0E;
	width:100%;
	min-height:96px;
}

.pie {
	width:900px;
	margin:auto;
}

.logopie{
	float:right;
	width:120px;
	height:45px;
	margin-top:1em;
}

#footer a{
	color:#fff;
}

.footer-message { 
margin: 1em 0; 
font-size: 10pt; 
color: #ffffff;
float:left;
}
label{
font-size:10px;
}
select{
width:230px;
padding-left:4px;
}

	.dialogLabel {
		color:navy;
		font-family:Arial, Helvetica, sans-serif;
		vertical-align:middle;
	}
	
	.labelRegJetbox {
		color: #494949;
		width: 150px;
		text-align: right;
		font-family:Arial, Helvetica, sans-serif;
	}

	.flatControl {
		border: 1px solid #797979;
		border-radius: 4px;
		font-family:Arial, Helvetica, sans-serif;
	}

	.modalBackground {
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		position: fixed;
		background-color:#878787;
		background-color:rgba(128, 128, 128, 0.75);
/* -------------
		display: flex;
		flex: 1;
		align-items: center;
		justify-content: center;
   -------------- 
*/
		z-index: 10000;
	}

	.regBoxDiv {
		width:800px;
		height:563px;
		opacity:1;
		position:absolute;
/*
		top: 15em;
		left: 15em;
*/
		background: url('/wp-content/themes/prolinecargo/images/FondoNewBoxSinLabels.jpg');
	}

.fgRojoPLC {
  color: #B02722;
}
	

.logoFormPLC {
  float:right;
  margin-top:0.5em;
  margin-right:0.5em;
  height:120px;
  display:inline;
}

.tituloCajaPLC {
  color: navy;
  font-size: 18pt;
  font-weight: 800;
  display: inline;
  width: 60%;
  position: absolute;
  left: 1em;
}
	
.tabButton {
  background:lightgrey;
  border: none;
  border-radius: 4px;
  color:black;
  font-size: small;
  padding: 5px 0.5em 5px 0.5em;
}

.tabButton:hover {
/*  font-weight: 800;*/
  cursor: pointer;
}

/* *****************
** Galeria
*/
	.galleryCurtain {
		padding: 0px;
		z-index:20;
		position:fixed;
		top:0px;
		left:0px;
		height:100%;
		width:100%;
		background-color:rgba(79, 79, 79, 0.85);
		color: #FFFFFF;
		float: none;
		clear: both;
	}
	
	.galleryComments {
		color: #FFFFFF;
		position: absolute;
		width: 100%;
		height: 60pt;
		bottom: 0px;
	}
	
	.galleryIconsBar {
		height: 40px;
		width: 100%;
		position: absolute;
		top: 0;
	}
	
	.galleryNavPanel {
		height: 40px;
		position: absolute;
		top: 4px;
		right: 0px;
	}
	
	.galleryNavButton {
		.height: 32px;
		.position: absolute;
	}

/* Para el footer (traido de promedsurgical, leo, Jan'19) */
	.encabezadoPie {
		font: 18pt Arial, Helvetica, sans-serif;
		color: #fff;
		font-weight: 600;
		margin:0px;
		padding: 0px;
	}

	.parrafoPie {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12pt;
		color: #8c8c8a;
		margin:0px;
		padding: 0px;
		line-height: 1.3em;
	}

	.parrafoPie a {
		font-size: 12pt;
		color: #8c8c8a;
		text-decoration: none;
	}
/*
	.parrafoPie a:hover {
		color: #FFFFFF;
		text-decoration: underline;
	}
*/