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

body{
margin:0 auto;
background:url(../images/back.jpg);
font:20px;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
color:#483f1d;
}
.container{
	margin:0 auto;
 	width:100%;
	height:100%;
 	background:url(../images/back.jpg);
	padding:0px;
}
.container .box{
	width:100%;
	background:url(../images/layerbox.png) repeat-x;
	height:1280px;
	padding:0px;
}
.container .box .frame{
	width:100%;
	background:url(../images/layerbox.png) no-repeat;
	height:1280px;
	margin:0 auto;
}
.container .box .frame .iframe{
	width:964px;
	margin:0 auto;
	background:none;

	border:0px solid;
}
.container .box .frame .iframe .contheader{
	width:100%;
	background:url(../images/backhead.png) no-repeat;
	width:964px;
	height:448px;
}
.container .box .frame .iframe .contheader .header{
	margin:0 auto;
	background:url(../images/fracstud.png) no-repeat;
	width:964px;
	height:448px;
}
.container .box .frame .iframe .contheader .header .menu{
	margin:0 auto;
	background:url(../images/menu.png) no-repeat;
	width:964px;
	height:448px;
}
.container .box .frame .iframe .contheader .header .menu .barra{
	width:547px;
	height:15px;
	float:right;
	margin-top:230px;
	margin-right:40px;
}
.container .box .frame .iframe .contheader .header .menu .barra .bportafolio{
	width:75px;
	height:15px;
	background:url(../images/active-portafolio.png) no-repeat;
	float:right;
	padding-right:35px;
	cursor:pointer;
	}
.container .box .frame .iframe .contheader .header .menu .barra .bfractstdio{
	width:124px;
	height:15px;
	background:url(../images/deactive-fracstdio.png) no-repeat;
	float:right;
	padding-right:35px;
	cursor:pointer;
	}
.container .box .frame .iframe .contheader .header .menu .barra .bcontactanos{
	width:99px;
	height:15px;
	background:url(../images/deactive-contactanos.png) no-repeat;
	float:right;
	padding-right:35px;
	cursor:pointer;
	}
.container .box .frame .iframe .contheader .header .menu .alineacionhead{
	width:787px;
	font-size:18px;
	height:157px;
	float:right;
	margin-top:50px;
	margin-right:80px;
	}
.container .box .frame .iframe .contheader .header .menu .alineacionhead .descripcionizqhead{
	font-size:18px;
	height:157px;
	float:left;
	width:180px;
	margin-left:90px;
	margin-top:5px;
	text-align:right;
	margin-right:20px;
}
.container .box .frame .iframe .contheader .header .menu .alineacionhead .site1{
	width:497px;
	height:157px;
	background:url(../images/websites/expo.png) no-repeat;
	float:right;
	cursor:pointer;
}
.container .box .frame .iframe .contcontent{
	width:100%;
	background:url(../images/patterncenter.png) repeat-y;
	width:964px;
	height:2500px;
}
.container .box .frame .iframe .contcontent .contentwebsites{
	margin:0 auto;
	width:964px;
	height:1400px;
}
.container .box .frame .iframe .contcontent .contentwebsites .alineacion{
	margin:0 auto;
	width:787px;
	font-size:18px;
	height:157px;
}
.container .box .frame .iframe .contcontent .contentwebsites .alineacion .descripcionizq{
	margin:0 auto;
	font-size:18px;
	height:157px;
	float:left;
	width:180px;
	margin-left:90px;
	margin-right:20px;
	margin-top:10px;
	text-align:right;
}
.container .box .frame .iframe .contcontent .contentwebsites .alineacion .descripcionder{
	margin:0 auto;
	font-size:18px;
	height:157px;
	float:right;
	width:180px;
	margin-right:90px;
	margin-top:5px;
	text-align:left;
}
.container .box .frame .iframe .contcontent .contentwebsites .alineacion .site2{
	width:497px;
	height:157px;
	background:url(../images/websites/tbusiness.png) no-repeat;
	float:left;
	margin-left:20px;
	cursor:pointer
}
.container .box .frame .iframe .contcontent .contentwebsites .alineacion .site3{
	width:497px;
	height:157px;
	background:url(../images/websites/centro.png) no-repeat;
	float:right;
	cursor:pointer
}
.container .box .frame .iframe .contcontent .contentwebsites .alineacion .site4{
	width:497px;
	height:157px;
	background:url(../images/websites/idti.png) no-repeat;
	float:left;
	margin-left:20px;
	cursor:pointer
}
.container .box .frame .iframe .contcontent .contentwebsites .alineacion .site5{
	width:497px;
	height:157px;
	background:url(../images/websites/ccet.png) no-repeat;
	float:right;
	cursor:pointer
}
.container .box .frame .iframe .contcontent .contentwebsites .alineacion .site6{
	width:497px;
	height:157px;
	background:url(../images/websites/qlty.png) no-repeat;
	float:left;
	margin-left:20px;
	cursor:pointer
}
.container .box .frame .iframe .contcontent .contentwebsites .alineacion .site7{
	width:497px;
	height:157px;
	background:url(../images/websites/cprmx.png) no-repeat;
	float:right;
	cursor:pointer
}
.container .box .frame .iframe .contcontent .contentwebsites .alineacion .site8{
	width:497px;
	height:157px;
	background:url(../images/websites/kolem.png) no-repeat;
	float:left;
	margin-left:20px;
	cursor:pointer
}
.container .box .frame .iframe .contcontent .contentwebsites .alineacion .site9{
	width:497px;
	height:157px;
	background:url(../images/websites/lexia.png) no-repeat;
	float:right;
	cursor:pointer
}

.container .box .frame .iframe .contcontent .contentstudio{
	margin:0 auto;
	width:964px;
	height:423px;
}
.container .box .frame .iframe .contcontent .contentstudio .menu2{
	margin:0 15px;
	float:right;
	width:547px;
	height:223px;
	background:url(../images/menubar.png) no-repeat;
}
.container .box .frame .iframe .contcontent .contentstudio .menu2 .barra2{
	width:547px;
	height:15px;
	float:right;
	margin-top:120px;
	margin-right:30px;
}
.container .box .frame .iframe .contcontent .contentstudio .menu2 .barra2 .bportafolio2{
	width:75px;
	height:15px;
	background:url(../images/deactive-portafolio.png) no-repeat;
	float:right;
	padding-right:35px;
	cursor:pointer;
}
.container .box .frame .iframe .contcontent .contentstudio .menu2 .barra2 .bfractstdio2{
	width:124px;
	height:15px;
	background:url(../images/active-fractstdio.png) no-repeat;
	float:right;
	padding-right:35px;
	cursor:pointer;
}
.container .box .frame .iframe .contcontent .contentstudio .menu2 .barra2 .bcontactanos2{
	width:99px;
	height:15px;
	background:url(../images/deactive-contactanos.png) no-repeat;
	float:right;
	padding-right:35px;
	cursor:pointer;
}
.container .box .frame .iframe .contcontent .contentstudio .infostudio{
	float:right;
	width:774px;
	height:200px;
	margin:0 100px;
	text-align:justify;
}
.container .box .frame .iframe .contcontent .contentstudio .infostudio .imagen{
	width:283px;
	height:177px;
	float:left;
	background:url(../images/fractalstudio.png) no-repeat;
	}
.container .box .frame .iframe .contcontent .contentcontacto{
	margin:0 auto;
	width:964px;
	height:500px;
}
.container .box .frame .iframe .contcontent .contentcontacto .menu3{
	margin:0 15px;
	float:right;
	width:547px;
	height:223px;
	background:url(../images/menubar.png) no-repeat;
}
.container .box .frame .iframe .contcontent .contentcontacto .menu3 .barra3{
	width:547px;
	height:15px;
	float:right;
	margin-top:120px;
	margin-right:30px;
}
.container .box .frame .iframe .contcontent .contentcontacto .menu3 .barra3 .bportafolio3{
	width:75px;
	height:15px;
	background:url(../images/deactive-portafolio.png) no-repeat;
	float:right;
	padding-right:35px;
	cursor:pointer;
}
.container .box .frame .iframe .contcontent .contentcontacto .menu3 .barra3 .bfractstdio3{
	width:124px;
	height:15px;
	background:url(../images/deactive-fracstdio.png) no-repeat;
	float:right;
	padding-right:35px;
	cursor:pointer;
}
.container .box .frame .iframe .contcontent .contentcontacto .menu3 .barra3 .bcontactanos3{
	width:99px;
	height:15px;
	background: url(../images/active-contactanos.png) no-repeat;
	float:right;
	padding-right:35px;
	cursor:pointer;
}
/*.container .box .frame .iframe .contcontent .contentstudio .infostudio{
	float:right;
	width:774px;
	height:200px;
	margin:0 100px;
	text-align:justify;
}*/
.container .box .frame .iframe .contcontent .contentcontacto .form{
	margin:0 auto 0 100px;
	float:left;
	width:360px;
	height:480px;
	font-size:16px;
	font-weight:bold;
}
.container .box .frame .iframe .contcontent .contentcontacto .visitanos{
	width:388px;
	height:145px;
	float:right;
	margin-right:90px;
	margin-top:0px;
	text-align:right;
}
.container .box .frame .iframe .contcontent .contentcontacto .twit{
	width:284px;
	height:119px;
	background:url(../images/twitter.png) no-repeat;
	float:right;
	margin-top:45px;
	margin-right:90px;
	cursor:pointer;
	}
.container .box .frame .iframe .contfooter{
	width:100%;
	background:url(../images/backfoot.png) no-repeat;
	width:964px;
	height:310px;
}
.container .box .frame .iframe .contfooter .footer{
	width:964px;
	margin:0 auto;
	padding-top:100px;
}
.container .box .frame .iframe .contfooter .footer .firma{
	background:url(../images/footfracstdio.png) no-repeat;
	width:347px;
	height:50px;
	margin-left:350px;
}
.container .box .frame .iframe .floor{
	width:964px;
	height:30px;
	background:;
}
h2{
	color:#483f1d;
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:14px;
}
h3{
	color:#483f1d;
	font:18px "Helvetica Neue", Arial, Helvetica, sans-serif;
}
h4{
	margin:0;
	padding-bottom: 5px;
	color:#483f1d;
	font:14px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}
a{
	color:#483f1d;
	text-decoration:none;
}
.footer-menu li a:hover,
a:hover{
	color:#fff;
}
h5{
	margin:0;
	padding-bottom: 5px;
	color:#483f1d;
	font:16px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}