*{
	font-family: Calibri, Arial;
	color:#ffffff;
	font-size:1em;
}
h1{
	color:#e96c1c;
	font-size:3em!important;
	font-weight:normal;
	margin:0;
	margin-bottom:7px;
}
h2{
	color:#e96c1c;
	font-size:1.5em!important;
	font-weight:normal;
	padding-bottom:7px;
}
n{
	color:#e96c1c;
}
ul{
	margin:0;
	padding:0;
}
ul li {
	color:#ffffff;
	list-style:none;
	cursor:default;
}
ul li:hover{
	color:#dddddd;
}
ul li:before {
	color:#e96c1c;
	content:"\2022"; /*BOLA*/
	font-size:1.5em;
	padding-right:.25em; 
	position:relative;
	top:.1em;
}
.input{
	padding-left:7px;
	padding-right:7px;
	color:#e96c1c;
	font-size:1em;
}
.select{
	padding-left:7px;
	color:#e96c1c;
	font-size:1em;
}
.submit{
	padding-left:14px;
	padding-right:14px;
	color:#000000;
	font-size:1.2em;
	cursor:pointer;
}
.submit_mini{
	padding-left:7px;
	padding-right:7px;
	color:#000000;
	font-size:0.8em;
	cursor:pointer;
}
.btn{
	padding-left:30px;
	padding-right:30px;
	color:#ffffff;
	text-decoration:none;
	font-size:1em;
}
.btn:hover,
.btn#sel{
	color:#e96c1c;
}
body{
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	background-color:#000000;
	/*overflow-y:hidden;
	overflow-x:auto;*/
	overflow:auto;
}
div.pagina_mini{
	display:block;
	margin:0 auto;
	width:950px;
}


div.pagina_mini_fr {
display: block;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
position: relative;
	width:950px;
}

div.pagina{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	min-width:900px;
	max-width:2500px;
	z-index:10;
	background-color:#FFFFFF;
	display:none;
}
div#contenido{
	position:absolute;
	top:0px;
	left:0px;
	min-width:855px;
	min-height:200px;
	height:100%;
	width:100%;
	z-index:1;
	background-color:#000000;
}
.categoria{
	position:absolute;
	top:-100%;
	left:0px;
	height:100%;
	width:20%;
	max-width:500px;
	max-height:1050px;
	background-repeat:no-repeat;
	background-position:top;
	cursor:pointer;
}

.categoria#conocenos{
	left:0%;
	background-image:url(../img/portada_2.jpg);
}
.categoria#menu{
	left:20%;
	background-image:url(../img/25_2.jpg);
}
.categoria#noticias{
	left:40%;
	background-image:url(../img/noticias_3.jpg);
}
.categoria#localizanos{
	left:60%;
	background-image:url(../img/localizanos_2.jpg);
}
.categoria#contacto{
	left:80%;
	background-image:url(../img/contacto_1.jpg);
}
#trabaja{
	left:80%;
	background-image:url(../img/portada_2.jpg);

}
.categoria div{
	position:absolute;
	left:0px;
	bottom:50px;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	background-color:rgba(0,0,0,0.4);
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	font-size:1.2em;
}

div.pagina div#menu{
	position:absolute;
	top:0;
	left:0;
	height:50px;
	width:100% !important;
	min-height:50px;
	max-height:50px;
	background-color:#111111;
	cursor:default!important;
	z-index:3;
}
#logo_mini{
	height:50px;
}
.interior{
	position:absolute;
	top:0px;
	left:20%;
	width:80%;
	height:100%;
	background-color:#000000;
	z-index:1;
	background-image:url(img/elefante.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	display:none;
	color:#FFFFFF;
	font-size:1em;
	font-weight:normal;
	overflow-y:auto;
}
.margen{
	margin-top:36px;
	padding:0px;
}
.margenbottom{
	padding-bottom:14px;
}
.margentop{
	padding-top:14px;
	padding-left: 0;
}
/*PAGINA PRINCIPAL*/
div.logo{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-140px;
	margin-top:-140px;
	width:280px;
	height:280px;
	background-image:url(../img/logo_portada.png);
	background-repeat:no-repeat;
	background-position:center;
	z-index:50;
}
div.load{
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-225px;
	margin-top:-225px;
	width:450px;
	height:450px;
	z-index:51;
	display:none;
}
div.todo{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	/*min-width:900px;*/
	height:100%;
	/*min-height:600px;*/
	/*z-index:40;*/
	overflow-x:hidden;
	overflow-y:hidden; /* ------------------------------ Y ---------------------------*/
	z-index:10;
}
.medio{
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	width:50%;
	min-width:300px;
	height:100%;
	color:#ffffff;
	z-index:41;
	cursor:pointer;
	background-color:#000000;
	z-index:11;
}
.medio#clientes{
	border-right:solid 1px #ffffff;
	background-color:#000000;
}
.medio#franquicias{
	left:50%;
	border-left:solid 1px #ffffff;
	background-color:#000000;
}
.medio #titulo{
	position:absolute;
	bottom:50px;
	font-weight:bold;
	padding:10px;
	border:solid 3px transparent;
	-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 10px;
}
.medio#clientes #titulo{
	right:100px;
}
.medio#franquicias #titulo{
	left:100px;
}
div.idiomas{
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
}
div.idiomas{
	text-align:right;
}
div.idiomas table tr td img{
	cursor:pointer;
}
div.idiomas a{
	display:inline-block;
}

.noticia{
	margin-bottom:25px;
}
.leermas a{
	color:#e96c1c;
	text-decoration:none;
}
.leermas a:hover{
	text-decoration:underline;
}

hr{
	background-color:#333333;
	border:0;
	height:1px;
}

#simplemodal-container a.modalCloseImg {
	background:url(../static/img/x.png) no-repeat;
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}
#slider {
	background-color:#222222;
}
#slider > div {
	position:relative;
	top:0;
	left:0;
}
#slider img {
	width:950px;
	min-height:300px;
	margin:0;
	padding:0; 
	border:0;
}
#slider p {
	position: absolute;
	bottom: 30px;
	left: 0;
	display: block;
	min-width: 400px;
	height: 24px;
	margin:0;
	padding: 5px 7px;
	color: #ffffff;
	background-color: rgba(233,108,28,0.7);
	font-size: 1.2em;
	line-height:1.2em;
	text-align:left;
}
#destacado {
font:'Helvetica Neue', Helvetica, Arial, sans-serif;
color:#fc722a;
font-size: 36px;
line-height:117%;
text-align:center;
	margin-bottom:50px;
	padding-bottom:20px;
	border-bottom: #4E4E4E solid 1px;
	
}

.contacto_franquicia{
	border: #fc722a solid 1px;
	width:80%;
	height:auto;
	position: relative;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin: auto;
	}
	
.contacto_franquicia p{
	border:none;
	font:'Helvetica Neue', Helvetica, Arial, sans-serif;
	color:#fc722a;
	font-size: 30px;
	text-align:center;


	}

#contact_FR {
	display:block;
	font:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:15px;
	color: white;
	width: 50%;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: relative;
	
}

#contact_FR label {
	display:block;
	margin-top:20px;
	letter-spacing:1px;
	color:white;
}

#contact_FR form {
	position: relative;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin: auto;
}
 
#contact_FR input, #contact_FR textarea {
	width:380px;
	height:27px;
	border:2px solid #f6f6f6;
	padding:5px;
	margin-top:5px;
	font-size:12px;
	color:#000;
}
 
#contact_FR textarea {
	height:150px;
}

#FR_precio {
	background-color: #fc722a;
	padding:15px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:30px;
	text-align:center;
	color:white;
	text-transform:uppercase;
	margin: auto;
	width:77.4%;
	left:0;
	right:0;
	top:0;
	bottom:0;
}
#vacio{
	content:" ";
	margin-top:5%;
	
}
 
 #submit {
	width:100px!important;
	height:70px;
	border:2px solid #f6f6f6;
	 font-size:10px;
	color:#ffffff;
	background-color:orange;
}
 #submit:hover {
	color:#000;
	background-color:orangered;
	font-weight:bold;

}

 #submitCV {
	width:100px!important;
	height:30px!important;
	border:2px solid #f6f6f6;
	font-size:13px;
	color:#ffffff;
	background-color:orange;
	float:right;
}
 #submitCV:hover {
	color:#000;
	background-color:orangered;
	font-weight:bold;

}

/* Gallery */
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption { 
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 50px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    opacity: .8 !important;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}