@font-face {
    font-family: 'unit-blackregular';
    src: url('fonts/unitblack/unit-black-webfont.eot');
    src: url('fonts/unitblack/unit-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/unitblack/unit-black-webfont.woff') format('woff'),
         url('fonts/unitblack/unit-black-webfont.ttf') format('truetype'),
         url('fonts/unitblack/unit-black-webfont.svg#unit-blackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'ea_font_v1.5_by_ghettosharkRg';
    src: url('fonts/ea/easports15-webfont.eot');
    src: url('fonts/ea/easports15-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ea/easports15-webfont.woff') format('woff'),
         url('fonts/ea/easports15-webfont.ttf') format('truetype'),
         url('fonts/ea/easports15-webfont.svg#ea_font_v1.5_by_ghettosharkRg') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'unit-thinregular';
    src: url('fonts/unitthin/unit-thin-webfont.eot');
    src: url('fonts/unitthin/unit-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/unitthin/unit-thin-webfont.woff') format('woff'),
         url('fonts/unitthin/unit-thin-webfont.ttf') format('truetype'),
         url('fonts/unitthin/unit-thin-webfont.svg#unit-thinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'si';
    src: url('socicon.eot');
    src: url('socicon.eot?#iefix') format('embedded-opentype'),
         url('socicon.woff') format('woff'),
         url('socicon.ttf') format('truetype'),
         url('socicon.svg#icomoonregular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}
 
@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family:si;
        src: url(socicon.svg) format(svg);
    }


.center{

    position:absolute;
    padding:0 10px 0 10px;
    width:454px;
    height:50px;
    top:46%;
    left:50%;
    margin-left:-200px;
    margin-top:200px;
    z-index: 100;

    

}



.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 58px;
    height: 58px;
    line-height: 58px;
    font-size: 25px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin-right: 20px;
    color: #ffffff;
    background-color: #3a6d99;
}

.soc-icon-last{
    margin:0 !important;
}

.soc-twitter:before {
    content:'a';
}
.soc-facebook:before {
    content:'b';
}
.soc-instagram:before {
    content:'x';
}
.soc-identica:before {
    content:'U';
}
.soc-email1:before {
    content:'<';
}

.periscope{
    background-repeat: no-repeat;
    width:28px;
    height:36px;
    top:80%;
    left:50%;
    background-image: url(../img/periscope.png);
}



html { 
  background:  url(../img/grupodima.jpg) no-repeat center center fixed; 
  background-size: cover;
}


@media screen and (max-width : 800px){
	body {	
	background: url(../img/grupodima.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	height: 800px;
	overflow-x: hidden;
	}


	.todo {
		height: 100%;
		width: 960px;
		margin-right: auto;
		margin-left: auto;
		position: relative;
	}

	#textos {
	margin-right: auto;
	margin-left: auto;

	clear: both;
	}

	.footer {
		position: absolute;
		top: 900px ; /* Este es para la resolucion pequeña. Ajusta la altura de separacion del footer */
		width: 960px;
		padding-left: 30px ;
		clear:both;		
	}


	#main_menu{
		font-family: 'unit-lightregular';
		font-size: 12px;
		font-weight: normal;
		width: 900px;
		float: left;
		

	}

	#main_menu li{
		font-family: 'unit-blackregular';
		float:left;
		list-style-type: none;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #48EA23;
		margin-left: 10px;
		text-align: left;
	}

	#main_menu li a{
		padding-top: 10px;
		width:100px;
		height: 37px;
		display:block;
		text-decoration: none;
		color: #dbdbdb;

	}

	#main_menu li a:hover{
		color: #ffd300;

	}

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

html { 
  background:  url(../img/grupodima.jpg) no-repeat center center fixed; 
  background-size: cover;
}

body{
	
	background: url(../img/grupodima.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	overflow-x: hidden;
}




.center{

    position:absolute;
    padding:0 10px 0 10px;
    width:454px;
    height:50px;
    top:50%;
    left:50%;
    margin-left:-200px;
    margin-top:200px;
    z-index: 100;

    

}



.soc {
    overflow:hidden;
    margin:0; padding:0;
    list-style:none;
}

.soc li {
    display:inline-block;
    *display:inline;
    zoom:1;
}

.soc li a {
    font-family:si!important;
    font-style:normal;
    font-weight:400;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    -o-box-sizing:border-box;
    box-sizing:border-box;

    -o-transition:.1s;
    -ms-transition:.1s;
    -moz-transition:.1s;
    -webkit-transition:.1s;
    transition:.1s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    overflow:hidden;
    text-decoration:none;
    text-align:center;
    display:block;
    position: relative;
    z-index: 1;
    width: 38px;
    height: 38px;
    line-height: 38px;
    font-size: 20px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    margin-right: 40px;
    color: #ffffff;
    background-color: #3a6d99;
}

.soc-icon-last{
    margin:0 !important;
}

.soc-twitter:before {
    content:'a';
}
.soc-facebook:before {
    content:'b';
}
.soc-instagram:before {
    content:'x';
}
.soc-identica:before {
    content:'U';
}
.soc-email1:before {
    content:'<';
}






@media screen and (max-width : 800px){
	body {	
	background: url(../img/grupodima.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	height: 800px;
	overflow-x: hidden;
	}

	html { 
  background:  url(../img/grupodima.jpg) no-repeat center center fixed; 
  background-size: cover;
}


	.todo {
		height: 100%;
		width: 960px;
		margin-right: auto;
		margin-left: auto;
		position: relative;
	}

	#textos {
	margin-right: auto;
	margin-left: auto;

	clear: both;
	}

	.footer {
		position: absolute;
		top: 900px ; /* Este es para la resolucion pequeña. Ajusta la altura de separacion del footer */
		width: 960px;
		padding-left: 30px ;
		clear:both;		
	}


	#main_menu{
		font-family: 'unit-lightregular';
		font-size: 12px;
		font-weight: normal;
		width: 900px;
		float: left;
		

	}

	#main_menu li{
		font-family: 'unit-blackregular';
		float:left;
		list-style-type: none;
		border-top-width: 1px;
		border-top-style: solid;
		border-top-color: #48EA23;
		margin-left: 10px;
		text-align: left;
	}

	#main_menu li a{
		padding-top: 10px;
		width:100px;
		height: 37px;
		display:block;
		text-decoration: none;
		color: #dbdbdb;

	}

	#main_menu li a:hover{
		color: #ffd300;

	}

.todo {
	
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

.textos {


	clear: both;
}


.footer {
	position: fixed;
	bottom: 0px ;
	width: 960px;
	padding-top: -45 px;
	padding-left: 30px ;
	clear:both;
	
	
}


#main_menu{
	font-family: 'unit-lightregular';
	font-size: 12px;
	font-weight: normal;
	width: 900px;
	float: left;
	

}

#main_menu li{
	font-family: 'unit-blackregular';
	float:left;
	list-style-type: none;
	margin-left: 10px;
	text-align: left;
}

#main_menu li a{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #32a500;
	padding-top: 10px;
	width:100px;
	height: 37px;
	display:block;
	text-decoration: none;
	color: #dbdbdb;

}

#main_menu li a:hover{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #48EA23;
	color: #ffd300;

}
 
.verde {
	font-family: 'ea_font_v1.5_by_ghettosharkRg';
	font-size: 20px;
	color: #37b401;
}

.blanco {
	font-family: 'ea_font_v1.5_by_ghettosharkRg';
	font-size: 20px;
	color: #dbdbdb;
	text-align: left;
}

.amarillo_negrita {
	font-family: 'unit-blackregular';
	font-size: 14px;
	color: #ffd300;
	text-align: left;
}

.menu1 {
	font-family: unit-thinregular;
	font-size: 13px;
	color: #ffd300;

}

.logo {
	background-image: url(../img/maxima_terra.png);
	float: left;
	height: 94px;
	width: 170px;
	margin-top: 20px;
}
.textos  {
	
	width: 400px;
	float: right;
	margin-top: 0px;
}
.titulo1 {
	font-family: 'unit-blackregular';
	background-image: url(../img/bg_sub.png);
	float: left;
	height: 34px;
	width: 297px;
	background-repeat: no-repeat;
	font-size: 23px;
	color: #37b401;
	text-align: center;

}
.titulo2 {
	font-family: 'ea_font_v1.5_by_ghettosharkRg';
	font-size: 60px;
	color: #dbdbdb;
	padding-top: 10px;
	text-align: left;
}
.titulo3 {
	font-family: 'ea_font_v1.5_by_ghettosharkRg';
	font-size: 40px;
	color: #ffd300;
	padding-top: 0px;
	text-align: left;
}
.parrafo {
	font-family: unit-thinregular;
	text-align: left;
	font-size: 15px;
	color: #ffd300;
	width: 300px;
	line-height: 21px;
	padding-top: 10px;
}