@charset "utf-8";

/* CSS Document */







body, html { 

	padding: 0; 

	margin: 0;

	line-height: 1;

	width:100%;

	font-size: 13px;

	color: #646464;

	font-family: 'Open Sans', sans-serif;

	height: 100%;

	}





body{

	/*overflow: hidden;*/

	}







html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend, h1,h2,h3,h4

{

	border: 0;

	font-style: inherit;

	font-weight: normal;

	margin: 0;

	outline: 0;

	padding: 0;

}



p, a, li, div{ margin:0; padding:0; }



a{ 

	text-decoration:none;

}



a img{ border:none;}



:focus, a:focus {

	outline: 0!important;

	text-decoration: none!important;

}



.nav > li > a:hover, .nav > li > a:focus {

    text-decoration: none;

    background: none;

}



ol, ul {

	list-style: none;

	margin:0;

	padding:0;

}



.clear{ clear:both;}



.clear:after{

	display: block;

	content: '';

	clear:both;

}



*, *:after, *:before {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing:border-box;

}  







.padding-remove{

	padding: 0;

}



.padding-remove-l{

	padding-left: 0;

}





.padding-remove-r{

	padding-right: 0;

}





a:hover, a:focus{

	text-decoration: none;

	color: #787878;

}





form:after{

	display: block;

	content: '';

	clear: both;

}



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



	BACK TO TOP



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

#gotop {

    cursor: pointer;

    position: fixed;

    bottom: 20px;

    right: 20px;

    display: none;

    z-index: 20;

    width: 48px;

    height: 48px;

    background: #6a2311;

    border: none;

    padding: 15px;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-o-transition: 0.4s;

	transition: 0.4s;

}



#gotop:after {

    content: '\f106';

    font-family: FontAwesome;

    color: #fff;

    font-size: 26px;

    line-height: 17px;

}



#gotop:hover{

	background-color: #333;

}











/*HEADER --------------------------------------*/

header{}









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



	CONTENIDO



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







#prehome{

	text-align: center;

	position: relative;

	top: 46%;

	left: 50%;

	transform: translateY(-50%) translateX(-50%);

}

#idioma {

    text-align: center;

    position: relative;

    top: 5%;

    left: 50%;

    transform: translateY(-50%) translateX(-50%);

}

ul {

    max-width: 700px;

    width: 100%;

    float: none;

    margin: 0 auto;

}

ul li {

display: inline-block;

float:right;

    margin-left: 10px;

}



.bg{

	background: url(images/fondo.png) no-repeat center;

	background-size: cover;

	height: 100%;

	width: 100%;

}

.box {

	padding: 10px;

	text-align: center;

    max-width: 394px;

}

body.ingles .box.white p{

	padding-left: 0px;

    padding-right: 0px;

	text-align: center;

    max-width: 394px;

}

body.ingles .box.gris p{

	padding-left: 30px;

    padding-right: 30px;

	text-align: center;

    max-width: 394px;

}



.box .logo {

    max-height: 95px;

    width: auto;

}





.box p{

	font-size: 16px;

	line-height: 27px;

	font-weight: 300;

    color: #939393;

}



.box p strong{

	font-weight: 700;

}



.box img{

	margin: 0 auto 15px;

	display: block;

}



.box.gris{

	background-color: transparent;

	color: #fff;

}



.box.white{

	background-color: transparent;

	color: #fff;

}





a.btn{

    display: inline-block;

    background-color: transparent;

    color: #616061;

	font-weight: 500;

    padding: 3px 15px;

    border: 3px solid #616061;

    margin-top: 20px;

	-webkit-transition: 0.4s;

	-moz-transition: 0.4s;

	-o-transition: 0.4s;

	transition: 0.4s;

    font-size: 25px;

    border-radius: 15px;

}



.btn.focus, .btn:focus, .btn:hover {

    color: inherit;

    text-decoration: none;

}



a.btn:hover{

    background-color: transparent;

    color: #616061;

}



.box.white a.btn:hover, .box.gris a.btn:hover{

    background-color: #616061;

	color: #fff;

}









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



	FOOTER



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





footer {

    position: fixed;

    width: 100%;

    bottom: 0;

	background: transparent;

	padding: 32px 0 28px;

}





footer .copyright {

    color: #939393;

    font-size: 14px;

}



p.copyright .hidden-xs {

    display: inline-block;

}





.crandi {

	width: 64px;

    height: 12px;

    background: url(http://www.crandi.com/commonweb/crandi-footer-gray.png) no-repeat 0 0;

    display: inline-block;

    margin-top: 0;

    vertical-align: middle;

    position: relative;

    top: -1px;

}



.crandi:hover, .crandi:active, .crandi:focus {

	background-position: bottom;

}







@media only screen and (max-width: 1199px) {



}



@media only screen and (max-width: 991px) {



}



@media only screen and (min-width: 768px) {

	.row.col-equal {

    display: table;

	width: 100%;

	}





	.col-equal > [class*="col-"] {

    float: none;

    display: table-cell;

    height: 100%;

    vertical-align: top;

	}

}





@media only screen and (max-width: 768px) {

	.hidden-xxs {

    display: none;

	}

	.box .logo {

    max-height: 60px;

	}

}



@media only screen and (max-width: 767px) {

	.col-equal [class*="col-"] {

    float: none;

    display: block;

    height: inherit;

    vertical-align: top;

	}

	.bg {

    height: auto;

	}

	.box {

    float: none!important;

    margin: 0 auto;

	}

	.box.white{

	margin-top: 32px;

	}





	

}



@media only screen and (max-width: 736px) {

	#prehome {

	top: inherit;

	left: inherit;

	transform: none;

	padding: 32px 0;

	}

    #idioma {

    top: inherit;

    left: inherit;

    transform: none;

    padding: 15px 0;

}

	footer {

	position: relative;

	}

}





@media only screen and (min-width: 486px) {

	.visible-xxs {

    display: none;

	}

}



@media only screen and (max-width: 485px) {

	

	#gotop {

    right: 0px;

	}

	#prehome {

    padding: 15px 0;

	}

	.box.white {

    margin-top: 15px;

	}





}



@media only screen and (max-width: 414px) {	



}



@media only screen and (max-width: 375px) {



}





@media only screen and (max-width: 360px) {

	.box {

    padding: 32px 15px;

	}

}



@media only screen and (max-width: 320px) {

}