@charset "utf-8";
/* CSS Document *//*custon & developed by Julio C. Rosas M. - OGC*/
#banner1
{
width:100%;
height:100%;
border:0px/* solid black;*/
}


#col1
{
height:auto;
width:20%;
margin-left:100px;
border:0px solid none;
float:left;
} 
#col2
{
height:auto;
width:40%;
margin-right:25px;
border:0px solid none;
float:right;
/*font-family: Gotham, Helvetica Neue, Helvetica, "Arial", sans-serif;*/
}
.centrado-porcentual {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

/********/
	#column1 {
		float: left;
		width: 50%;
		text-align:center;
	}

	#column2 {
		float:left;
		width: 33%;
		text-align:center;
	}

	#column-s1 {
		float:left;
		width: 20%;
	}
	#column-s2 {
		float:center;
		width: 50%;
	}
	#column-s3 {
		float:left;
		width: 20%;
	}
	#column-s4 {
		float:left;
		width: 20%;
	}	
	
	#img1{
	max-width:80%;
	min-width:180px;
	height:auto;

	}
	#img2{
	max-width:10%;
	min-width:160px;
	height:auto;
	margin-top:20px;
/*	margin-left:20px;
	margin-right:20px*/
	margin: 10px; /*opacity: 1; border: 0px solid #eee; Transition*/ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; /*Reflection*//* -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));*/
	}
	#img2:hover{
		/*margin: 0px; opacity: 1 Reflection-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));*/ /*Glow*/ -webkit-box-shadow: 0px 0px 20px rgba(100,100,100,255.8); -moz-box-shadow: 0px 0px 20px rgba(100,100,100,0.8); box-shadow: 0px 0px 20px rgba(100,100,100,0.8);
		border-radius: 200px 200px 200px 200px;
		-moz-border-radius: 200px 200px 200px 200px;
		-webkit-border-radius: 200px 200px 200px 200px;	
		
	}

	#esp{

	}

	#esp1{
	max-width:100%;
	min-width:250px;
	height:auto;
	}
	
	#iconjcrm{
	max-width:60px;
	min-width:50px;
	height:auto;
	margin-top:20px;
/*	margin-left:20px;
	margin-right:20px*/
	margin: 10px; /*opacity: 1; border: 0px solid #eee; Transition*/ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; /*Reflection*//* -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));*/
	}
	
	#iconjcrm:hover {
    /*margin: 0px; opacity: 1 Reflection-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));*/ /*Glow*/ -webkit-box-shadow: 0px 0px 20px rgba(100,100,100,255.8); -moz-box-shadow: 0px 0px 20px rgba(100,100,100,0.8); box-shadow: 0px 0px 20px rgba(100,100,100,0.8);
	 border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
	}

	#iconjcrm1{
	max-width:40px;
	min-width:30px;
	height:auto;
/*	margin-top:20px;
	margin-left:20px;
	margin-right:20px*/
	margin: 10px; /*opacity: 1; border: 0px solid #eee; Transition*/ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; /*Reflection*//* -webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.1)));*/
	}
	
	#iconjcrm1:hover {
    /*margin: 0px; opacity: 1 Reflection-webkit-box-reflect: below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(.7, transparent), to(rgba(0,0,0,0.4)));*/ /*Glow*/ -webkit-box-shadow: 0px 0px 20px rgba(100,100,100,255.8); -moz-box-shadow: 0px 0px 20px rgba(100,100,100,0.8); box-shadow: 0px 0px 20px rgba(100,100,100,0.8);
	 border-radius: 200px 200px 200px 200px;
-moz-border-radius: 200px 200px 200px 200px;
-webkit-border-radius: 200px 200px 200px 200px;
	}	
	
	#posjcrm{
	text-align:center;
	/*font-size: 8px;*/
    font-size: 0.95rem;
	font-family:Arial;
    /*line-height: 1.333333334;*/
	}	

	#posjcrm1{
	text-align:left;
	/*font-size: 8px;*/
	color:#ffffff;
	font-weight: bold;
    font-size: 1.5rem;
    /*line-height: 1.333333334;*/
	}	
	
	#footjcrm{
	/*font-size: 8px;*/
	
    font-size: 0.95rem;
	font-family:Arial;
    /*line-height: 1.333333334;*/
	}

.jcrm-fondo-b{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d6d6d6+34,ffffff+100&0.3+52,0.85+75 */
background: -moz-radial-gradient(center, ellipse cover,  rgba(214,214,214,0.3) 34%, rgba(225,225,225,0.3) 52%, rgba(239,239,239,0.85) 75%, rgba(255,255,255,0.85) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(214,214,214,0.3) 34%,rgba(225,225,225,0.3) 52%,rgba(239,239,239,0.85) 75%,rgba(255,255,255,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center,  rgba(214,214,214,0.3) 34%,rgba(225,225,225,0.3) 52%,rgba(239,239,239,0.85) 75%,rgba(255,255,255,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dd6d6d6', endColorstr='#d9ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	}
	
.jcrm-logo{

text-align:right; 
margin-right: 0px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b2b2b2+1,e0e0e0+74,ffffff+100&0.51+1,0.28+74,0+100 */
background: -moz-linear-gradient(left,  rgba(178,178,178,0.51) 1%, rgba(224,224,224,0.28) 74%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(178,178,178,0.51) 1%,rgba(224,224,224,0.28) 74%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
/*background: linear-gradient(to right,  rgba(178,178,178,0.51) 1%,rgba(224,224,224,0.28) 74%,rgba(255,255,255,0) 100%);  W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
background: linear-gradient(to right,  #ccc 1%,#ddd 74%,#fff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#82b2b2b2', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */

}	

.jcrm-spc1{
	height:40px
	}

.jcrm-spc2{
	height:60px
	}	
	
.jcrm-logoc{
	width: 150px;
	height: auto
	}
	
.jcrm-logocinv{
	width: 0px;
	height: auto
	}	
	
.jcrm-logocdim{
	width: auto;
	height: 30px;
	}

.jcrm-logospc{
	width: auto;
	height: 80px
	}

@media all and (max-width: 800px){
	
	.jcrm-logo{

		}
	
	.jcrm-spc1{
		height:0px
		}
	
	.jcrm-spc2{
		height:0px
		}	
		
	.jcrm-logoc{
	width: 0px;
	height: auto
	}
	
	.jcrm-logocinv{
	width: 150px;
	height: auto;
	}
	
	.jcrm-logocdim{
	width: auto;
	height: 0px;
	}
	
	.jcrm-logospc{
	width: auto;
	height: 70px
	}
}