@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'CabinBold';
    src: url('fonts/cabin/cabinsketch-bold-webfont.eot');
    src: url('fonts/cabin/cabinsketch-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/cabin/cabinsketch-bold-webfont.woff') format('woff'),
         url('fonts/cabin/cabinsketch-bold-webfont.ttf') format('truetype'),
         url('fonts/cabin/cabinsketch-bold-webfont.svg#cabinsketchbold') format('svg');
    font-weight: bold;
    font-style:normal;
}
@font-face {
font-family: "freestyle";
    src: url("fonts/FREESCPT.TTF");
    font-weight: bold;
    font-style:normal;
}

/* compatibilidad con ie8*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display: block; }

body {background-color: #cd0000; padding-bottom:20px; font-family: "Arial", Helvetica, sans-serif; }


/* MENU */
nav {margin:20px 0;}
nav ul { list-style-type: none;	margin: 0px; padding: 0px; text-align: center; width: 100%; margin-top: 5px; }
nav li { display: inline-block; list-style: none; margin-right: 5px; }
nav li:first-child { margin-left: 0;}

nav a { font-family: "Arial", Helvetica, sans-serif; 
		font-weight:bold; color: #000; 
		text-decoration: none; font-size: 1.0em; 
		display: block; 
		padding: 6px; 
		padding-left:15px; 
		padding-right:15px; 
		margin:3px; float: left; 
		background-color: #ccc; 
		border-width: 1px; 
		border-style: solid; 
		border-color: #ccc; 
		border-radius: 6px;
	 }

nav a:hover { color: #fff; background-color: #000; border-width: 1px; border-style: solid; border-color: #000; }
.clear { clear: both; }

.activo { color: #fff; background-color: #cd0000; border-width: 1px; border-style: solid; border-color: #cd0000; }

/* FIN MENU */

.cabecera {
display: inline-block;
}

img{
 max-width: 100%;
 height: auto;
 width:100%;
}

a img {border:1px; border-color:#999; border-style:solid;}

.iconos{
 width: 83px;
 height: 82px;
 margin:20px;
 border:0;
}

.img_angy{
 max-width: 250px;
 max-height: 143px;
 margin:40px;
 float:center;
}

.img_imprenta{
 max-width: 300px;
 max-height: 500px;
 margin:40px;
 float:center;
}

.imgcv{
 max-width: 161px;
 max-height: 221px;
 margin:40px;
 float:right;
}

/* CUADRO */
.contenido { 
    background-color:#fff;
    margin: auto;
    padding: 30px;
    width: 100%;
	height:100%;
	display:table;
	text-align:center;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	border-radius: 6px;
    box-shadow: 0px 5px 15px #000, 0 0 0 10px #fff inset;
	max-width: 1100px;
}



/* FIN CUADRO */


/* MODULOS */
ul.modulos {
	list-style-type:none;
	max-width:1000px;
	margin:auto;
	padding:0px;
	}

ul.modulos li {
	padding: 10px;
	margin: 12px 8px 38px;
	width: 280px;
	min-height: 350px;
	background-color: #fff;
	border-radius: 6px;
	border-width: 1px; border-style: solid; border-color: #ccc;
	box-shadow: 0px 5px 10px #000, 0 0 0 10px #fff inset;
	display: inline-block;
	vertical-align: top;
}

ul p {
	text-align:left;
	margin-left:0px;
	margin-right:0px;	
}
/* FIN MODULOS */

.img_servicios {
	text-align:center;
	width:280 px;
	height: 200px;
	border-style:solid;
	border-width:1px;
	border-color:#999;
	padding: 15px;
}

a.enlace {text-decoration:none;}
a.enlace:link{text-decoration: none;}
a.enlace:active{text-decoration: none;}
a.enlace:visited{text-decoration: none;}
a.enlace:hover{text-decoration: none;}

p { /* ESTILOS PARA LOS PARRAFOS */
	text-align:left;
	margin-left:50px;
	margin-right:50px;
}

h1 { /* ESTILOS PARA LOS TITULOS */
	font-family: CabinBold;
	text-align:center;
	margin:0px;
	padding:0px;
	font-size:50px;
	text-transform: uppercase;
}

h2 { /* ESTILOS PARA EL ESLOGAN */
	text-align:center;
	margin:0px;
	padding:0px;
	font-size:16px;
	text-transform: uppercase;
}

h3 { /* ESTILOS PARA LOS TITULOS DE LOS MODULOS */
	text-align:left;
	margin-top:15px;
	padding:0px;
	font-size:16px;
	text-transform: uppercase;
}
h4 { /* TITULO NEGRO PARA LOS SERVICIOS */
	font-family: freestyle;
	text-align:center;
	margin:0px;
	padding:0px;
	text-transform: uppercase;
	text-decoration:none;
	font-size:50px;
	color:#000;
}
h5 { /* TITULO NEGRO PEQUEÑO PARA LOS SERVICIOS */
	font-family: freestyle;
	text-align:center;
	margin:0px;
	padding:0px;
	text-transform: uppercase;
	text-decoration:none;
	font-size:35px;
	color:#000;
}
h6 { /* TITULO ROJO PARA LOS PRECIOS DE SERVICIOS */
	font-family: freestyle;
	text-align:center;
	margin:-25px;
	padding:0px;
	text-transform: uppercase;
	text-decoration:none;
	font-size:100px;
	color:#C00;
}
@media all and (max-width: 600px ) {

h1 { /* ESTILOS PARA LOS TITULOS */
	font-family: CabinBold;
	text-align:center;
	margin:0px;
	padding:0px;
	font-size:26px;
	text-transform: uppercase;
}

.titulo
	{
	font-family: CabinBold;
	text-align:center;
	margin:0px;
	padding:0px;
	font-size:40px;
	text-transform: uppercase;
	}
	
nav {
width: 100%;
float: none;
}

nav li{
width:100%;
display:block;
}

nav li a{
float:none;
}

}