header, nav, footer, section, article, aside, p{
	margin:0px;
	padding:0px;
	display:block;	
}

li, ul{
	margin:0px;
	padding:0px;
	list-style:none;	
}

body{
	background-color:#EAEAEA;
	margin:0px;
	padding:0px;
	font-family: 'Noto Sans', sans-serif;
	font-size: 15px;
	color:#666666;
}

h1{
	font-size:21px;
	color:#FF3333;
	font-weight:400;
}

h3{
	font-size:18px;
	font-family: 'Roboto Slab', serif;
	font-weight:300;
	color:#666;
	margin:0px;
}

a{
	-webkit-transition: color 0.5s ;
	-moz-transition: color 0.5s ;
	-ms-transition: color 0.5s ;
	-o-transition: color 0.5s ;
	transition: color 0.5s ;
	text-decoration:none;
}

a:hover{
	color:#666666;
}

#proy_texto{
	display: none;
}

.proyecto_txt{
	width: 60%;
	float: right;
	font-size: 20px;
	border-bottom: 1px solid #CCC;
	padding: 3%;
	cursor: pointer;
	-webkit-transition: all 0.5s ;
	-moz-transition: all 0.5s ;
	-ms-transition: all 0.5s ;
	-o-transition: all 0.5s ;
	transition: all 0.5s ;
}

.proyecto_txt:hover{
	background-color: #EAEAEA;
}

.modo{
	font-size: 13px;
	color: #FF3333;
	float: right;
	width: 66%;
}

.modo img{
	display: block;
	padding: 3px;
	border: 1px solid #EAEAEA;
	float: left;
	margin-top: 5px;
	width: 15px;
	cursor: pointer;
}

#menu-flotante{
	width:100%;
	height:61px;
	position:fixed;
	background-color: rgba(235, 49, 46, 0.95);
	z-index:998;
	display:none;
}

#contenido{
	width:970px;
	margin:auto;
	background-color:#FFF;
	position:relative;
	padding-bottom:10px;
}

header{
	display:table;		
}

#triangulo{
	width:250px;
	height:680px;
	background-image:url(img/triangulo.png);
	position:fixed;
	top:0px;
	z-index:1;
}

#logo{
	background-image:url(img/fondo-logo.png);
	background-repeat:no-repeat;
	width:190px;
	height:45px;
	padding: 15px 0px 0px 60px;
	position:absolute;
	top:0px;
	z-index:999;
	position:fixed;
}

nav{
	height:30px;
	color: #FF3333;
	font-size: 12px;
	margin-left: 335px;
	padding-top:22px;
	z-index:999;
	position:fixed;
}

nav a{
	color: #FF3333;
	text-decoration:none;
	font-size: 12px;
	letter-spacing:2px;
	margin-right:15px;
	margin-left:15px;
}

.idiomas{
	position:absolute;
	right:-120px;
	text-align:right;
	color:#CCC;
	font-size:12px;
	top:-1px;
	height:61px;
	border:#EAEAEA 1px solid;	
}
.idiomas a{
	text-align:right;
	text-decoration:none;
	font-size: 12px;
	letter-spacing:2px;
	margin-right:12px;
	float:right;
}

hr{
	border:#EAEAEA 1px solid;
}

.frase{
	font-family: 'Roboto Slab', serif;
	font-weight:300;
	font-size: 35px;
	margin-left:350px;
	margin-top:140px;
}

.frase span{
	color:#FF3333;
}

.frase p{
	font-size:15px;
	font-family: 'Noto Sans', sans-serif;
}

.item-proyecto{
	position:relative;	
}

.adentro-item{
	padding-left:35%;
	padding-top:11%;
	left:20px;
	right:20px;
	top:20px;
	bottom:20px;
	font-size:55px;
	color:#FFF;
	font-family: 'Roboto Slab', serif;
	font-weight:300;
	position:absolute;
	background-color: rgba(77, 77, 77, 0.90);
	line-height:55px;
	display:none;
}

.adentro-item span{
	margin-left:35px;
}

.adentro-item a{
	font-family: 'Noto Sans', sans-serif;
	font-size: 12px;
	color:#808080;
	letter-spacing:2px;
	text-decoration:none;
	margin-left:35px;
	margin-top:-10px;
	display:block;
	-webkit-transition: color 0.5s ;
	-moz-transition: color 0.5s ;
	-ms-transition: color 0.5s ;
	-o-transition: color 0.5s ;
	transition: color 0.5s ;
}

.adentro-item a:hover{
	color:#FF3333;
}

.adentro-item-t{
	padding:2px;
	text-align:center;
	left:0px;
	right:0px;
	bottom:0px;
	color:#FFF;
	font-family: 'Roboto Slab', serif;
	font-weight:300;
	position:absolute;
	background-color: rgba(77, 77, 77, 0.90);
	display:none;
}

.adentro-item-t a{
	color:#FFFFFF;
}

article{
	position:relative;
	margin:6.2%;
	z-index:3;
	display:table;
	width:87.6%;
}

article a{
	color:#FF3333;
}


section{
	margin-bottom:3%;
	float:left;
	display:table;
	width:100%;
}

.item-icono{
	width:19.5%;
	float:left;
	margin-right:7.3%;
	text-align:center;
}

.item-icono img{
	margin-left:-5px;
}

.iconos{
	background-color:#4D4D4D;
	-webkit-border-radius: 500px;
	border-radius: 500px;
	width:161px;
	height:161px;
	-webkit-transition: all 0.5s ;
	-moz-transition: all 0.5s ;
	-ms-transition: all 0.5s ;
	-o-transition: all 0.5s ;
	transition: all 0.5s ;
}

.iconos:hover{
	background-color:#FF3333;
}

aside{
	padding-top:20px;
	border-top:#FF3333 1px solid;
	float:left;
	font-size:12px;
}

h2{
	font-family: 'Roboto Slab', serif;
	font-weight:300;
	font-size:18px;
	color:#FF3333;
	margin:0px;
}

.proyecto{
	float:left;
	margin-bottom:1.2%;
	position:relative;
	cursor:pointer;
}

.proyecto img{
	width:100%;	
}

.on-proyecto{
	left:20px;
	right:20px;
	top:20px;
	bottom:20px;
	padding-top:50px;
	text-align:center;
	font-size:18px;
	color:#FFF;
	font-family: 'Roboto Slab', serif;
	font-weight:300;
	position:absolute;
	background-color: rgba(77, 77, 77, 0.90);
	display:none;
}

.col1{
	width:32%;
	margin-right:2%;
}

.col1 img, .col2 img, .col3 img{
	width:100%;
}

.col2{
	width:66%;
	margin-right:2%;
}

.col3{
	width:100%;
	margin-right:0px;
}

#navegador{
	position:relative;
	display:table;
	width:87.6%;
	margin:auto;
	font-size:12px;	
}

#navegador a{
	color:#666;
	text-decoration:none;
}

#navegador a:hover{
	color:#FF3333;
}

#anterior{
	position:absolute;
	left:0px;
	top:0px;
}

#todos{
	width:200px;
	text-align:center;
	margin:auto;	
}

#siguiente{
	position:absolute;
	top:0px;
	right:0px;	
}

footer{
	width:100%;
	margin:6.2%;
	margin-bottom:0px;
	position:relative;
	z-index:3;
	font-size:12px;
	display:table;	
}

footer a{
	font-family: 'Roboto Slab', serif;
	text-decoration:none;
	font-weight:300;
	color:#FF3333;
	font-size:18px;
}

footer section{
	float:left;
	width:43.8%;
}

#datos{
	width:850px;
	font-size:12px;
	color:#B3B3B3;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;	
}

#datos a{
	color:#B3B3B3;
	text-decoration:none;	
}

#datos a:hover{
	color:#FF3333;
}

.servicio{
	margin-top:8%;
	min-height:50px;
}

.servicio a{
	color:#FF3333;
	font-family: 'Roboto Slab', serif;
	text-decoration:none;
	font-weight:300;
	cursor:pointer;
}
.servicio a:hover{
	color:#666666;
}

.servicio p{
	display:none;
}

.slider img{
	width:100%;	
}

.ceo{
	float: right;
	margin-top: 40px;
}

footer .ceo a{
	font-family: 'Noto Sans', sans-serif;
	text-decoration:none;
	font-weight:300;
	color:#FF3333;
	font-size:12px;
}



@media only screen and (max-width: 1100px) {
#contenido{
	width:90%;
	position:relative;
	margin:4.5%;
	margin-top:0px;
}
#triangulo{
	display:none;
}
#logo{
	background-color:#F5F5F5;
	width:94%;
	position:absolute;
	padding: 15px 0px 0px 6%;
}
nav{
	width:100%;
	text-align:center;
	margin-left:auto;
	margin:auto;
	position:absolute;
	margin-top:60px;
	line-height:30px;
}

.frase{
	margin-left:20%;
	z-index:999;
	position:relative;
	margin-top:165px;
	margin-right:6%;
	width:100%;
	font-size:30px;
}
#menu-flotante{
	width:0px;
	height:0px;
}

.adentro-item{
	padding-left:0px;
	padding-top:30px;
	font-size:25px;
	line-height:55px;
	text-align:center;
	display:none;
	line-height:35px;
}

.adentro-item a{
	margin-top:0px;
	margin-left:0px;
}

.adentro-item span{
	margin-left:0px;
}

.flexslider{
	z-index:999;	
}

.item-icono{
	width:19.5%;
	float:left;
	margin-right:7.3%;
	text-align:center;
}

.item-icono img{
	margin-left:-5px;
	width:100%;
}

.iconos{
	background-color:#4D4D4D;
	-webkit-border-radius: 500px;
	border-radius: 500px;
	width:131px;
	height:131px;
	-webkit-transition: all 0.5s ;
	-moz-transition: all 0.5s ;
	-ms-transition: all 0.5s ;
	-o-transition: all 0.5s ;
	transition: all 0.5s ;
}

#datos{
	width:80%;
}
.on-proyecto{
	left:0px;
	right:0px;
	top:auto;
	bottom:2px;
	padding:2px;
	text-align:center;
	font-size:15px;
	display:block;
}
.adentro-item-t{
	display:block;
}
}

@media only screen and (max-width: 665px) {
#contenido{
	width:90%;
}
.frase{
	font-size:25px;
	padding-right:6.2%;
	margin-left:6%;
	width:88%;	
}
.adentro-item{
	padding-left:0px;
	padding-top:15px;
	font-size:20px;
	line-height:24px;
	text-align:center;
	display:none;
}
.item-icono{
	width:46.3%;
	float:left;
	margin-right:3%;
	margin-bottom:3%;
	text-align:center;
}

.item-icono img{
	margin-left:-5px;
	width:100%;
}

.iconos{
	background-color:#4D4D4D;
	-webkit-border-radius: 500px;
	border-radius: 500px;
	width:131px;
	height:131px;
	-webkit-transition: all 0.5s ;
	-moz-transition: all 0.5s ;
	-ms-transition: all 0.5s ;
	-o-transition: all 0.5s ;
	transition: all 0.5s ;
}


.col1{
	width:100%;
	margin-right:0px;
	margin-bottom:20px;
}

.col2{
	width:100%;
	margin-right:0px;
}
#anterior, #todos, #siguiente{
	float:left;
	position:relative;
	width:100%;
	text-align:center;
	padding:5px;
}
.thumb{
	display:block;	
}
.grande{
	display:none;	
}
}