* {
    border: 0 none;
    margin: 0;
    padding: 0;
}
@font-face {
    font-family: "segoe_uiregular";
    font-style: normal;
    src: url("../../App_Styles/Home/fonts/segoeui-webfont.eot?#iefix") 
	format("embedded-opentype"), 
	url("../../App_Styles/Home/fonts/segoeui-webfont.ttf") format("truetype"), 
	url("../../App_Styles/Home/fonts/segoeui-webfont.svg#segoe_uiregular") 
	format("svg");
}
body {
    background: none repeat scroll 0 0 #ebebeb;
    color: #EC2D34;
    font-family: "segoe_uiregular",Helvetica,Verdana;
    font-size: 1em;
}
a {
    color: #57abbb;
    font-weight: bold;
    text-decoration: none;
}
a:hover {
    color: #f60;
}
figcaption {
    font-size: 0.85em;
    padding: 0.25em;
    text-align: center;
}
img, video {
    max-width: 100%;
}
section#pagewidth { 
	width: 100%;
}

/*encabezado*/
header {
	background:url(../../App_Images/Home/logo.png);
	background-repeat:no-repeat;
	background-position:center left;
    background-color: #ebebeb;
    height: 120px;
    left: 0;
	/*padding:0 2.5%;*/
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
}
section#content {
    padding: 120px 0 0;
}
section#contenido, footer {
    margin: 0 auto;
    max-width: 90%;
}
section, header, footer, nav {
    display: block;
}
header h1 {
    display: inline-block;
    height: 120px;
    max-width: 100%;
    vertical-align: top;
}
.logo {
    margin-top: 30px;
}

.icon1, .icon2, .icon3, .icon4, .icon5 {
	background: url("../../App_Images/Home/icon1.png") no-repeat  center  rgba(0, 0, 0, 0);
}
.icon2 {
    background: url("../../App_Images/Home/icon2.png") no-repeat  center  rgba(0, 0, 0, 0);
}
.icon3 {
    background: url("../../App_Images/Home/icon3.png") no-repeat  center  rgba(0, 0, 0, 0);
}
.icon4 {
    background: url("../../App_Images/Home/icon4.png") no-repeat  center  rgba(0, 0, 0, 0);
}
.icon5 {
    background: url("../../App_Images/Home/icon5.png") no-repeat  center  rgba(0, 0, 0, 0);
}

/*formulario para clientes*/
#element{
    background-color: #4b4b4b;
    display: none;
    height: 100%;
	position:fixed;
	width: 100%;
	top:0;
    filter: alpha(opacity=95); /* internet explorer */
    -khtml-opacity: 0.95;      /* khtml, version anterior de safari */
    -moz-opacity: 0.95;       /* firefox, mozilla, netscape */
    opacity: 0.95;           /* safari, chrome, opera */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; /*internet explorer 8 - gracias Andres */
    z-index: 100;
}
#clientes{
	background: none;
	border:none;
	margin:0 auto;
	margin-bottom: 20px;
	padding-top: 5px;
	text-align: center;
	width: 90%;
}

#placa2{
	    /* display: inline-block; */
    /* max-width: 420px; */
    /* min-height: 350px; */
    text-align: center;
    vertical-align: top;
}

#titulo{
	display: block;
	font-family: "segoe_uiregular",Helvetica,Verdana;
	font-size: 1.5em;
	font-weight:lighter;
	margin: 0 auto;
	text-align:center;
	width: 300px;
}

#hide{
	background:url(../../App_Images/Home/cerrar.png);
	background-repeat:no-repeat;
	background-position:right;
	color:#fff;
	display:block;
	font-family: "segoe_uiregular",Helvetica,Verdana;
	font-size: 1.5em;
	font-weight:lighter;
	margin: 5%;
	padding: 20px;
	text-indent: 3em;
	text-align: right;
    filter: alpha(opacity=50); /* internet explorer */
    -khtml-opacity: 0.5;      /* khtml, version anterior de safari */
    -moz-opacity: 0.5;       /* firefox, mozilla, netscape */
    opacity: 0.5;           /* safari, chrome, opera */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*internet explorer 8 - gracias Andres */
}

#hide:hover{
   filter: alpha(opacity=100); /* internet explorer */
   -khtml-opacity: 1;      /* khtml, version anterior de safari */
   -moz-opacity: 1;       /* firefox, mozilla, netscape */
   opacity: 1;           /* safari, chrome, opera */
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*internet explorer 8 - gracias Andres */
}
/*#pass{
	margin-left: 28%;
    margin-top: -3%;
}*/

#element2{
    display: none;
}


/*FUENTES*/
h2 {
    font-size: 2em;
    font-weight: lighter;
}

h3 {
    color: #424244;
    font-size: 1.2em;
    font-weight: normal;
    margin-top: 0.5em;
    text-align: left;
}

h4 {
    color: #838383;
    font-family: "segoe_uiregular",Helvetica,Verdana;
    font-size: 1em;
    font-weight: lighter;
    line-height: 1.5em;
    margin-bottom: 20px;
    text-align: left;
}

h5 {
	color: #fff;
	background: #C6262C; /* Old browsers */
    background: -moz-linear-gradient(top, #6F0606 0%, #6F0606 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6F0606), color-stop(100%,#6F0606)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6F0606 0%,#6F0606 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6F0606 0%,#6F0606 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #6F0606 0%,#6F0606 100%); /* IE10+ */
    background: linear-gradient(to bottom, #6F0606 0%,#6F0606 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6F0606', endColorstr='#6F0606',GradientType=0 ); /* IE6-9 */
	border-radius: 0.5em;
	display: inline-block;
	font-size: 1em;
	font-weight:lighter;
	height:416px;
	line-height: 2em;
	min-width: 220px;
	margin-bottom: 20px;
	max-width: 220px;
	padding: 2em;
	vertical-align:top;
}

/*h6 {
    color: #959595;
    font-size: 2em;
    font-weight: lighter;
    height: 80px;
    line-height: 3em;
    margin: 0 auto;
    max-width: 90%;
}*/



/*MARGENES*/
.margen1{
	margin: 1em;
	}

/*SEPARADORES*/
.separador1{
    height: 2px;
	background: #F12D31;
	width: 100%;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	}

.separador2{
    height: 2px;
	background: #616162;
	width: 80%;
	}
	
/*	hr {
    border: medium none;
    display: inline-block;
    height: 2px;
    margin-bottom: 0.5em;
}*/


section#flyer {
	background-image: url("../../App_Images/Home/fondo_banner.jpg");
    background-size: contain;
    max-width: 100%;
	margin-top:120px;
}

/* Nuestro nav con id #menu lo flotaremos a la derecha*/



/*flyer*/


.banner1 {
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    margin: auto;
    max-width: 1024px;
    width: 100%;
}

section#seccion2, #seccion3 {
    margin: 0 auto;
    max-width: 90%;
    text-align: left;
}


section#contenedor {
	margin:0 auto;
	max-width:90%;
	text-align:center;	
}

article {
	display: inline-block;
	min-width: 290px;
	max-width: 290px;
	margin: 0.1em;
	margin-top: 0.4em;
	vertical-align:top;
}


/* Modulos */
#img1, #img2, #img3, #img4, #img5, #img6, #img7, #img8, #img9, #img10, #img11{
	background:url(../../App_Images/Home/img.jpg);
	height: 120px;
	width: 290px;
	   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
#img1{background-position:0 0;}
#img2{background-position:-290px 0;}
#img3{background-position:0 -120px;}
#img4{background-position:-290px -120px;}
#img5{background-position:0 -240px;}
#img6{background-position:-290px -240px;}
#img7{background-position:0 -360px;}
#img8{background-position:-290px -360px;}
#img9{background-position:0 -480px;}
#img10{background-position:-290px -480px;}
#img11{background-position: 0 -600px;}


#img1:hover, #img2:hover, #img3:hover, #img4:hover, #img5:hover, #img6:hover, #img7:hover, #img8:hover, #img9:hover, #img10:hover, #img11:hover{
	-webkit-transform: scale(1.05,1.05);
    -moz-transform: scale(1.05,1.05);
    -o-transform: scale(1.05,1.05);
    -ms-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05);
}


/* Modulos ampliados */

#fondo{
	background-color: rgba(75,75,75,0.95);
    height: 100%;
	position: fixed;
	width: 100%;
	top:0;
    z-index: -100;
}

#elemento1, #elemento2, #elemento3, #elemento4, #elemento5, #elemento6, #elemento7, #elemento8, #elemento9, #elemento10, #elemento11{
    height: 100%;
	position: absolute;
	top:0;
	width: 100%;
    z-index: 100;
	-moz-animation: 0.2s animacion2 1;
    -webkit-animation: 0.2s animacion2 1;
    -o-animation: 0.2s animacion2 1;
    -ms-animation: 0.2s animacion2 1;
    -moz-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
}

@-moz-keyframes animacion2 {
    from {top: 300px;}
    to {top:0px;}
}

@-webkit-keyframes animacion2 {
    from {top: 300px;}
	to {top:0px;}
}
@-o-keyframes animacion2 {
    from {top: 300px;}
    to {top:0px;}
}
@-ms-keyframes animacion2 {
    from {top: 300px;}
    to {top:0px;}
}

#elemento{
    background-color: #ffffff;
	border-radius: .2em;
	max-width: 80%;
    margin: 0 auto;
	margin-top: 10%;
	min-height: 60%;
	padding-bottom: 20px;
}

#topelemento{
	border-radius: 0.2em 0.2em 0 0 ;
	height: 70px;
}

#hide1, #hide2, #hide3, #hide4, #hide5, #hide6, #hide7, #hide8, #hide9, #hide10, #hide11{
	margin-top: -75px;
	background-color: #000;
	min-height: 75px;
	margin-right:10px;
	background:url(../../App_Images/Home/cerrar.png);
	background-repeat:no-repeat;
	background-position:right;
	color:#fff;
	display:block;
    filter: alpha(opacity=50); /* internet explorer */
    -khtml-opacity: 0.5;      /* khtml, version anterior de safari */
    -moz-opacity: 0.5;       /* firefox, mozilla, netscape */
    opacity: 0.5;           /* safari, chrome, opera */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /*internet explorer 8 - gracias Andres */
}

#hide1:hover, #hide2:hover, #hide3:hover, #hide4:hover, #hide5:hover, #hide6:hover, #hide7:hover, #hide8:hover, #hide9:hover, #hide10:hover, #hide11:hover{
   filter: alpha(opacity=100); /* internet explorer */
   -khtml-opacity: 1;      /* khtml, version anterior de safari */
   -moz-opacity: 1;       /* firefox, mozilla, netscape */
   opacity: 1;           /* safari, chrome, opera */
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /*internet explorer 8 - gracias Andres */
}

.imgelemento{
	float: left;
	margin: 20px;
	opacity: 1;
    -moz-animation: 2s animacion1 1;
    -moz-animation-delay: 0.4s;  
    -webkit-animation: 2s animacion1 1;
    -webkit-animation-delay: 0.4s; 
    -o-animation: 2s animacion1 1;
    -o-animation-delay: 0.4s;
    -ms-animation: 2s animacion1 1;
    -ms-animation-delay: 0.4s;
}
@-moz-keyframes animacion1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes animacion1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-o-keyframes animacion1 {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

#log1, #log2, #log3, #log4, #log5, #log6, #log7, #log8, #log9, #log10, #log11{
	background: url(../../App_Images/Home/log.png);
	background-repeat:no-repeat;
	height: 70px;
}
#log1{background-position: 0 0;}
#log2{background-position: 0 -70px;}
#log3{background-position: 0 -140px;}
#log4{background-position: 0 -210px;}
#log5{background-position: 0 -280px;}
#log6{background-position: 0 -350px;}
#log7{background-position: 0 -420px;}
#log8{background-position: 0 -490px;}
#log9{background-position: 0 -560px;}
#log10{background-position: 0 -630px;}
#log11{background-position: 0 -700px;}


section#contacto {
    background: none repeat scroll 0 0 #4b4b4b;
	padding: 0 0 40px;
}

/*contacto*/
section#contacto{
	background: #4b4b4b;
	padding-bottom: 20px;
}

h6{
	color:#959595;
	font-size:2em;
	font-weight:lighter;
	font-family: "segoe_uiregular", Helvetica, Verdana;
	height: 80px;
	margin:0 auto;
	max-width:90%;
	line-height: 3em;
}

/*formulario*/
section#placa{
	display:inline-block;
	min-height:350px;
	max-width: 420px;
	padding-right: 2.5em;
	text-align: justify;
	vertical-align: top;
}

.contacto{
	background: url(../../App_Images/Home/banner_contacto.jpg);
	background-repeat:no-repeat;
	border:1px solid #5f5e5e;
	height:530px;
	margin:0 auto;
	margin-bottom: 20px;
	text-align: right;
	width: 90%;
}

select, input[type="email"], input[type="text"], textarea{
	background: #CCC;
	/*border-radius: .25em;*/
	color: #333;
	font-size:1em;
	margin-bottom: 2px;
	padding: .25em;
	width: 110%;
}

select:focus, input[type="email"]:focus, input[type="text"]:focus, textarea:focus{
	background: #fff;
}

/*boton*/
input[type="submit"]{
	background: #C6262C;
	border-radius: .25em;
	color: #ffffff;
	font-size: 1em;
	float: right;
	margin-right: 8%;
	margin-top: 1em;
	margin-bottom: 0.5em;
	padding: .5em;
	padding-right: 2em;
	padding-left: 2em;
}

input[type="submit"]:hover {
	background: #7bbfd5;
	border-radius: .25em;
	color: #000;
	cursor:pointer;
}

label {
	cursor:pointer;
	color:#FFF;
	font-size: .8em;
}
/*Para que no salgan las lineas abajo a la derecha del textarea*/
textarea{
	height: 3em;
	resize:none;
}

#facturacion{
	display: inline-block;
	width: 102%;
}

#radios{
	background-size: contain;
	display: inline-block;
	margin-top: 15px;
	text-align:left;
	width: 80px;
}

#combos{
	background-size: contain;
	display: inline-block;
	float:right;
	margin-top: 15px;
	width: 250px;
}

/*pie*/
footer{
	background: #5f5e5e;
	min-height: 120px;
	margin:0 auto;
	max-width:100%;
}

#menu2{
	padding-top: 50px;
	text-align:center;
}

#menu3{	
	text-align:center;
}

.link{
	color: #9c9b9b;
	display:inline;
    font-family: "segoe_uiregular", Helvetica, Verdana;
    font-weight:lighter;
    font-size: .8em;
    margin-left: 1%;
}

@media only screen and (max-width: 1359px) {
	h5 {
	height: 100%;
	line-height: 1.5em;
	margin-top:20px;
	max-width:100%;		
	}
	
	.rwd {
		display: block;
		margin: 0.5em auto auto;
	}
	.logo {
		margin-top: 40px;
		max-width: 70%;
	}
}

@media only screen and (max-width: 768px) {
	
body {
	font-size: 0.8em;
}

.rmm{
	display:none;}

header {
	background:url(../../App_Images/Home/logo_small.png);
	background-repeat:no-repeat;
	background-position:center left;
    background-color: #ebebeb;
    height: 60px;
	padding: 0;
	width: 100%;
}

section#flyer {
	margin-top:60px;
}
	
header h1 {
	margin-left: 20px;
}

form{
	background:none;
    height:100%;
	border:none;
}

article {
	margin: 0.4em 0.4em 0.1em;
}
		
		
/* Modulos ampliados */		
#elemento{
	border-radius: 0;
	margin-top: 0;
	max-width: 100%;
}

#topelemento{
	border-radius: 0 0 0 0 ;
}

.imgelemento{
	float: left;
	margin: 0;
	margin-bottom: 10px;
	margin-right: 10px;
}
}

@media only screen and (max-width: 480px) {
	
article {
	margin: 0.4em 0 0.1em;
}

section#placa {
	padding: 1em 1.5em 1em 1em;
	display: block;
}

.imgelemento{
	float: none;
	width: 100%;
}

.icon1, .icon2, .icon3, .icon4 {
	background: none;
}
}


/*rcberrio: creo una clase css para dar el mismo aspecto a los input[type="email"], input[type="text"] que a un control de servidor de .NET que lalme esta clase*/
.txtBox{
	background: #CCC;
	/*border-radius: .25em;*/
	color: #333;
	font-size:1em;
	/*margin-bottom: 2px;*/
	padding: .25em;
    width: 110%;
}

.labelTextCon{
	font-size:1.3em;
    /* text-align: center;*/   
    margin-bottom: 2px;
}

.activaRecuperar {
    margin-right: 42.5% !important;
    width: 13.7%;
}

.ayudaBtn {
    margin: 0px 0px 10px 56%;
    background-color: white;
    padding: 2px 1px 1px 2px;
    height: 25px;
    width: 25px;
    border-radius: 50px;
    font-size: 0.9em;
    cursor: pointer;
}

.ubicarAyuda {
    width: 99% !important;
}

#TxtEmail{
    width: 18%;
    margin-left: 41%;
    margin-top: 1%;
    display: flex;
}

#tab-Ingresar{
    margin-left: 42%;
}

#lgvTabTitle_MPLogin_UserName, #lgvTabTitle_MPLogin_Password{
    margin-left: -9%;
}

.mensajesCorreo{
    margin-top: 6%;
    width: 50%;
    margin-left: 26%;
}