@charset "utf-8";
/* CSS Document */
HTML, body, ul, ol, li, h3, h4, h5, h6, form, fieldset, select { margin: 0px; padding: 0px; border: 0px;}
h1{ font-size:13px; font-weight:bold; padding:0; margin:0;}
body{ font-family:Arial, Helvetica, sans-serif; background:url(../images/mainBack.jpg) repeat-x #000000; font-size:11px; color:#CCCCCC;}
a{ text-decoration:none;color: #CCCCCC;}
a:hover{ color:#FFFFFF;text-decoration:none;}
#maincont{ width:807px;}
#head{ width:807px; height:78px; clear:both; padding-top:11px;}
#logo{ float:left; width:310px; height:78px; background:url(../images/logo.jpg);}
#menu01{ float:right; background:url(../images/menu01.jpg) no-repeat; width:201px; height:22px; padding-top:8px; text-align:center; font-weight:800;}
#menu02{ clear:both; width:807px; height:36px; background:url(../images/backMenu02.jpg) repeat-x;}
.menuHome{ float:left; background:url(../images/home.jpg); display:block; width:35px; height:36px; font-weight:800;}
.menuHome a{ float:left; background:url(../images/home.jpg); display:block; width:35px; height:36px; font-weight:800;}
.menuHome a:hover{ float:left; background:url(../images/homeOver.jpg); display:block; width:35px; height:36px; font-weight:800;}
.menuLeft{ float:left;width:111px; height:23px; font-weight:800;}
.menuLeft a{ float:left; background:url(../images/menuLeft.jpg); display:block; width:111px; height:23px; font-weight:800; padding-top:13px;}
.menuLeft a:hover{ float:left; background:url(../images/menuLeftOver.jpg); display:block; width:111px; height:23px; font-weight:800; padding-top:13px; color:#000000}
.menuTab{ float:left; width:87px; height:23px; font-weight:800;}
.menuTab a:hover{ float:left; background:url(../images/menu02Over.jpg); display:block; width:87px; height:23px; font-weight:800; padding-top:13px; color:#000000;}
.menuTab a{ float:left; background:url(../images/menu02.jpg); display:block; width:87px; height:23px; font-weight:800; padding-top:13px; color: #CCCCCC;}
.menuRigth{ float:left; width:114px; height:23px; font-weight:800;}
.menuRigth a{ float:left; background:url(../images/menuRigth02.jpg); display:block; width:114px; height:23px; font-weight:800; padding-top:13px;}
.menuRigth a:hover{ float:left; background:url(../images/menuRigth02Over.jpg); display:block; width:114px; height:23px; font-weight:800; padding-top:13px; color:#000000;}
.search{ float:right; background:url(../images/search.jpg);display:block; width:20px; height:36px;}
#conteiner{
	clear:both;
	padding-top:10px;
	width:807px;
}
#topCont{
	background:url(../images/UpCont.jpg);
	width:807px;
	height:7px;
}
#midellCont{background:url(../images/backCont.jpg) repeat-y;width:787px;clear: both;display: block;	padding: 0 10px;}
#downCont{background:url(../images/downCont.jpg);width:807px;height:7px;clear: both;}
#info{
	width:807px;
	padding-top:15px;
	padding-bottom: 10px;
	height:150px;
}
.infoBox{ background:url(../images/area01.jpg); width:241px; height:150px; float:left; padding:9px;}
.midellBox{ width:261px; padding:0 13px; float:left; padding:0 10px;}
#footer{ padding:15px 0; clear:both; width:807px;}
#copyG{
	width:797px;
	height:30px;
	padding:5px;
	border-bottom: solid 1px #666666;
	border-top: solid 1px #666666;
	color:#666666;
}
.imput{ width:145px; float:right; height:29px; padding-top:7px;}
.contenidoIndex{height:265px;width:787px;}
.indextext{	width:275px;float:left;height:255px;padding: 10px 0 0 10px;}
#flashindex{height:265px;float:right;width:500px; background:url(../1.jpg);}
.icoblog{ float:left; height:74px; width:89px;}
.icoblog a{ float:left; height:74px; width:89px; background:url(../images/blog.png); display:block;}
.icoblog a:hover{ float:left; height:74px; width:89px; background:url(../images/blogOver.png); display:block;}
.icoforo{ float:left; height:74px; width:89px;}
.icoforo a{ float:left; height:74px; width:89px; background:url(../images/foro.png); display:block;}
.icoforo a:hover{ float:left; height:74px; width:89px; background:url(../images/foroOver.png); display:block;}
.icofolio{ float:left; height:74px; width:89px;}
.icofolio a{ float:left; height:74px; width:89px; background:url(../images/portafolio.png); display:block;}
.icofolio a:hover{ float:left; height:74px; width:89px; background:url(../images/portafolioOver.png); display:block;}
.icontitule{ float:left; height:74px; width:151px;}
.hidden{ display: none;}
.portafoliocont{width:787px;clear:both;	height: 460px;}
.portafolioweb{width:787px;clear:both;	height: 600px;}
.folioleft{	float:left;width:383px;	padding:5px;}
.folioleft1{
	float:left;
	width:772px;
	padding:5px;
}
.foliorigth{float:right;width:383px;padding:5px;}
.boxfolio{ border-bottom: solid 1px #000000;border-top: solid 1px #333333;padding:7px; clear:both;height:100px;}
.boxfolio1{border-bottom: solid 1px #000000;padding:7px; clear:both;height:100px;}
.boxfolio2{
	padding:7px 7px 7px 65px;
	clear:both;
	height:100px;
}
.iconfolio{float:left; width:125px; height:100px; padding-right:10px; }
.boxfolio11{border-bottom: solid 1px #000000;padding:7px; clear:both;height:100px;}
.boxfolio22{border-top: solid 1px #333333; padding:7px; clear:both;height:100px;}
.iconfolio01{float:left; width:750px; height:100px; padding-right:10px; }
.numeros{
	width:774px;
	clear:both;
	padding:5px;
}
.introfo{
	border-bottom: solid 1px #333333;
	width:777px;
	text-align:left;
}
.textfolio{
	float:left;
	width:230px;
	height:100px; text-align:left;
}