/* 	::

		:: File 			: css/mystyle.css
	:: About 			: Custum Theme layout styles
	:: Version      	: 1.1

:: */

h1,h2,h3,h4,h5,h6{font-family:Raleway,sans-serif;font-weight:300;color:#404148;margin:30px 0}
h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}
.h1,h1{font-size:42px;line-height:48px}
.h2,h2{font-size:36px;line-height:42px}
.h3,h3{font-size:28px;line-height:32px}
.h4,h4{font-size:22px;line-height:26px;font-weight:400}
.h5,h5{font-size:18px;line-height:22px;font-weight:400}
.h6,h6{font-size:13px;line-height:20px;font-weight:500}


ul.rocket>li:before{
	content:"\f00c";
	/*rocket es f125*/
}


/* Clase de la div que contiene al mapa de GMAPS*/
#map-greyscale {
	width: 100%;
	height: 350px;
}

#map-colorful {
	width: 100%;
	height: 350px;
}

#map-orange {
	width: 100%;
	height: 350px;
}







/* Clase separadora*/
.margin-top20{
	margin-top:20px;
}



/* Modificación de márgenes de la barra de navegación*/
.nav ol>li,ul>li{margin:0px 0}


/* centrar la clase icon*/
.icon2, .icon >img{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}



/* Mis clases */
a.enlace-ventana {
	color: #333333;
}
.video{
	height:200px;
}

.margen {
	padding: 20px;
}



.centrar {
	margin:auto;
}

.mitad{
	width:50%;
}

.icono-sistema{
	font-size:50px;
	text-align: center; 
}

.icono-sistema{
    color: #316be1;
}

/* Clases para elementos móviles del Slider */

.girar {
	-webkit-transform: rotateZ(-20deg);
	-moz-transform: rotateZ(-20deg);
	-o-transform: rotateZ(-20deg);
	text-shadow: 1px, 11px, 20px,#FF6600;
}


/* Clases para formulario de contacto */

.form-group {
	width:100%;
}