@charset "utf-8";
#mainWrapper {
	background: none repeat scroll 0 0 #FFFFFF;
	margin: 0 auto;
	width: 100%;
	overflow: hidden;/*border:1px solid #CECFD0; */
}
body {
	
	padding-right: 20px;
}
#imagenSocial {
    margin-left: 1px;
    margin-top: 80px;
    padding: 1px;
    width: 13px;
}
#imagenPortada {
    margin-left: 0px;
    margin-top: 63px;
    padding: 1px;
    width: 100%;
    height: 400px; 
}

header nav {
		width:100%;
		height:100%;
		left:-100%;
		margin:0;
		position: fixed;
		z-index: 1000;
	}

	header nav ul li {
		display:block;
		float:none;
		border-bottom:1px solid rgba(255,255,255, .3);
	}

	.menu_bar {
		display:block;
		width:100%;
		background:#ccc;
	}

	.menu_bar .bt-menu {
		display:block;
		padding:20px;
		background:#3D6020;
		color:#fff;
		text-decoration:none;
		font-family: "isocpeur", Arial, sans-serif;
		font-weight: bold;
		font-size:25px;
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
	}

	.menu_bar span {
		float:right;
		font-size:40px;
	}

#menuSup{
	
	width: 100%;
	height: 30px;
	display:block;
	margin-top:10px;
	margin-bottom:10px;

}

#footer {
	display:none;
	background: none repeat scroll 0 0 #FFFFFF;
	bottom: 0;
	height: 50px;
	width: 100%;
	position: fixed;
	z-index: 3000;
	margin-left: -65px;
}
#rightTextNoti {
    float: left;
    height: 100%;
    margin-left: 0px; 
    padding: 1px;
    z-index: 20;
}
#NotiText {
    width: 97%;
    text-align: left;
    margin-top: 50px;
}
#imagenIzqNotiMd {
    margin-top: 10px;
    padding: 1px;
    width: 97%;
}
#leftVideo {
    float: left;
    margin-left: 0px;
    margin-top: 10px;
    padding: 1px;
    width: 100%;
    height: 1740px;
    z-index: 20;
}

#leftPhoto {
	display:none;
    float: left;
    margin-right: 30px;
    margin-top: 10px;
    padding: 1px;
    width: 300px;
    margin-bottom: 50px;
}

#rightTextContact {
    float: right;
    margin-right: 70px;
    margin-top: 30px;
    padding: 1px;
    width: 75%; 
    margin-bottom: 70px;
}
#content {
    height: 100%;
    width: 100%;
    margin-top: 30px;
    z-index: 300;
}

#rightText {
    float: right;
    margin-right: 0px; 
    margin-top: 15px;
    padding: 1px;
    width: 100%;
}

#ContentProy {
	
	margin-right: 30px;
	padding: 1px;
	width: 100%;
	
	text-align: justify;
	text-justify: inter-character;
	display:block;
}

#leftTextProy {
	float: left;
	margin-right: 30px;
	margin-top: 80px;
	padding: 1px;
	width: 450px;
	text-align: justify;
	text-justify: inter-character;
	display:none;
}

    .divCell
    {
        float:left;/*fix for  buggy browsers*/
        display:table-column;
        width:100%;
        background-color:#fff;
    }
	
#ProyectosTable {
	float: left;
	margin-top: 30px;
	width: 100%;
	height: 3300px;
	z-index: 20;
}

#galleriImg {
	width: 100%;
    height: auto;
	margin-left: 0px;
	margin-top: 1px;
	padding: 1px;
	float:left;
}

 .divCellW
    {
        float:left;/*fix for  buggy browsers*/
        display:table-column;
        width:0%;
        background-color:#fff;
    }
	
	#imagenPortada {
	/*margin-left: 25px;
	margin-top: 10px; */
	padding: 1px;
	width: 100%;
	
	content:url("http://www.cafstudio.com/img/portada.jpg");
}

#leftProyectoPhoto {
	float: left;
	margin-left: 3px;
	margin-top: 10px;
	padding: 1px;
	width: 100%;
	height: 100%;
	z-index: 20;
}

#ProyectoText {
    margin-left: 0.5px;
	margin-right: 10px;
    margin-top:  0px;
    margin-bottom: -7px;
    width: 98%;
    height: 100%;
	
}	

.slideshow-container {
  max-width: 1215px;
  position: relative;
  margin: auto;
  margin-top: 40px;
  padding-top: 5px;
 
}

#smallProyName {/*font-family: "Futura", Arial, sans-serif;*//*font-family: "LithosProRegular";*/
	font-family: "isocpeur", Arial, sans-serif;
	font-size: 16px;
	font-weight: 500;
	color: #000000;
	margin-left: 5px;
}

.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 10px 12px;
  position: absolute;
  top: 0;
}

#rightPhoto {
	visibility: none;
	margin-right: 70px;
	margin-top: 10px;
	padding: 1px;
	width: 300px;
}

#imagenIzq {
	margin-left: 25px;
	margin-top: 10px;
	padding: 1px;
	width: 260px;
	height: 500px;
	display: none;
}
#imagenIzqCat {
	margin-left: 25px;
	margin-top: 10px;
	padding: 1px;
	width: 260px;
	height: 500px;
}

#rightTextPerfil {
	float: right;
	margin-right: 0px;
	margin-top: 15px;
	padding: 1px;
	width: 100%;
	text-align: justify;
}

#ContentDown {
    margin-left: 0px;
    margin-top:  0px;
    margin-bottom: -7px;
    padding: 1px;
	width: 100%;
    height: 600px;
	
}
#leftPhotoCat {
	float: right;
	margin-right: 28px;
	margin-top: -30px;
	padding: 1px;
	width: 300px;
	margin-bottom: 50px;
}
.dot {
  height: 5px;
  width: 5px;
  margin: 0 1px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.active {
  background-color: #717171;
}