/*	=====================================================================================
	CSS Document Yal Publicidad 
	CofiCar 2016
	===================================================================================== */
@import url('//fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i%7CPlayfair+Display:400,400i,700,900&amp;subset=cyrillic');
@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);

/* *** sub,sup, */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}
	table, table td {padding:0;border:none;border-collapse:collapse;}
	img {vertical-align:top;}
	embed {vertical-align:top;}
	
	/*input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="password"],
	input[type="search"],
	input[type="number"],
	input[type="tel"],
	input[type="range"],
	input[type="date"],
	input[type="month"],
	input[type="week"],
	input[type="time"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="color"],
	textarea{
		font-size:18px;
		font-weight:300;
		line-height:1.444444444444444;
		font-family:Source Sans Pro;
		text-align:left;
		color:#2f2f2f;
		
		-webkit-box-shadow:inset 0 0 0 500px #f4f4f4!important;
		-webkit-text-fill-color:!important;
		
		background:#f4f4f4;
		border:1px solid #f4f4f4;              e6e6e6
		letter-spacing:0px
	}*/
	
	input[type=text], 
	textarea{ 
			outline:none;
			border-radius:0;
			padding:5px;
		}
	button{
			outline: none;
		}
	
	html, body {
		width: 100%; min-width:240px;
		position: relative;
		font-family: 'Roboto Condensed', sans-serif;
	}
		body{
			background: #fafafa;
			color: #262626;
			line-height: 24px;
			letter-spacing: .28px;
		}
		
	a {
		font: inherit;
		color: inherit;
		text-decoration: none;
	  	
		-moz-transition: 0.3s all ease;
	 	-o-transition: 0.3s all ease;
	  	-webkit-transition: 0.3s all ease;
	  	transition: 0.3s all ease;
	}
		a:active {
				background: transparent;
			}
		a:hover {
				text-decoration: underline;
			}
		a[href^="tel:"] {
				color: inherit;
				text-decoration: none;
			}
	
	button{
			font: inherit;
			color: inherit;
			cursor: pointer;
			
			-moz-transition: 0.3s all ease;
			-o-transition: 0.3s all ease;
			-webkit-transition: 0.3s all ease;
			transition: 0.3s all ease;
		}
		
	img {
			max-width: 100%;
			height: auto;
		}
	
	h2 {
			color: inherit;
			font-size: 24px;
			line-height: 24px;
			letter-spacing: 3.72px;
		}
		
	@media (max-width: 767px) {
		h2 {
				font-size: 48px;
				line-height: 48px;
			}
	}
	@media (max-width: 479px) {
		h2 {
				font-size: 32px;
				line-height: 32px;
			}
	}

	.principal{
			width:100%;
			margin:0px auto;
			position:relative;
		}

	.contenedor {
			width:1190px;
			margin:0px auto;
			position:relative;
		}
		
	@media (min-width: 980px) and (max-width: 1199px) {
		.contenedor {
    		width: 98%;
  		}
	}
	
	@media (min-width: 768px) and (max-width: 979px) {
		.contenedor {
    		width: 96%;
  		}
	}
	
	@media (max-width: 767px) {
		.contenedor {
    		width: 96%;
    		padding: 0 0px;
  		}
	}
	
	@media (max-width: 479px) {
		body {
			padding: 0;
		}
		.contenedor {
			width: 96%;
			padding: 0 0px;
		}
	}
	
	.ocultar{ display: none; }
	
	.margen3{ margin:20px 0px; }
	.margen4{ margin:10px 0px; }
	.espacio1{ padding:25px; }
	.espacio2{ padding: 65px 25px; }
	
	.caja-login{
			width: 350px;
			margin:0px auto;
			position:relative;
			background:#fff;
			text-align:center;
			font-size:small;
			border:#e6e6e6 1px solid; border-radius:3px;	
		}
		
		.caja-login a{
				display: inline-block;
				padding: 5px;
				color:#276fb7;
			}
			
		.caja-login input[type="text"],
		.caja-login input[type="password"]{
						border: #efefef 1px solid; border-radius: 3px;
						background:#fafafa;
						color:#999;
						padding: 13px 8px;
						margin: 5px 0px;
						width: 284px;
					}
					
		.caja-login button{
				display: inline-block;
				background: #3897f0;
				color: #fff;
				padding: 8px;
				width:300px;
				border: none; border-radius: 3px;
			}
	
		
/* +++ */
#MsjBox{
		display:none;
		position:fixed;
		margin-top:35%;
		width:100%;
		text-align:center;
		z-index:3900;
	}
	#MsjBox span{
			display:inline-block;
			margin:10px 35px 10px 35px;
			border-radius:5px; border:#454545 1px solid;
			background:rgba(0,0,0,0.7);
			color:#fff;
			padding:10px;
			box-shadow: 0 0 15px 0 #222;
		}