/* CSS Document */
body {
background-color:#000000;
font-family: Tahoma, Arial, Verdana;
font-size:85%;
color:#FFFFFF;
border:0px;
margin:0px;
padding:0px;
}

div, p {
display:block;
border:0px;
margin:0px;
padding:0px;
}


#contenedor {
width:780px;
margin-left: auto;
margin-right: auto;
}

#grupocabecera {
position:absolute;
width:780px;
height:200px;
background-color:#000000;
z-index:0;
}


#gruplogo {
position:absolute;
width:270px;
height:135px;
top:20px;
left:20px;
}

#anicuadri {
position:absolute;
width:110px;
height:66px;
top:2px;
left:80px;
}

#logoelde {
position:absolute;
background-image:url(../images/imgport/portfolio.gif);
width:210px;
height:49px;
top:78px;
left:31px;
}

#bienve {
position:absolute;
width:350px;
height:200px;
top:154px;
left:0px;
}


#bienve p {
font-size:0.8em;
}

#bienve p a {
color:#FFFFFF;
text-decoration:none;
font-size:1em;
font-weight:bold;
}

#bienve p a:hover {
color:#999999;
}

#cabecollage {
position:absolute;
background-image: url(../images/imgport/collageport.jpg);
width:436px;
height:256px;
top:0px;
left:350px;
}

#menu {
position:absolute;
width:760px;
height:20px;
top:260px;
left:20px;
}

#menu ul, #menu ul li, #menu ul li a {
display:inline;
}

#menu ul li {
padding:0px 12px 0px 0px;
}

#menu ul li.actual {
font-size:0.66em;
font-weight:bold;
text-decoration:none;
color:#999999;
}

#menu ul li a {
font-size:0.66em;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
}

#menu ul li a:hover {
color:#999999;
}


#menusecpor {
position:absolute;
top:276px;
left:122px;
text-align:left;
width:600px;
height:20px;
}

#menusecpor ul, #menusecpor ul li, #menusecpor ul li a {
display:inline;
}

#menusecpor ul li {
padding:0px 12px 0px 0px;
}

#menusecpor ul li.actual {
font-size:0.62em;
font-weight:bold;
text-decoration:none;
color:#999999;
}

#menusecpor ul li a {
font-size:0.62em;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
}

#menusecpor ul li a:hover {
color:#999999;
}



#grupocontenido {
position:absolute;
width:780px;
top:300px;
}

#titpologos {
float:left;
background-image: url(../images/imgportlogo/porlogtit.gif);
width:154px;
height:18px;
}

#titpoanims {
float:left;
background-image:url(../images/imgportanim/portanimtit.gif);
width:188px;
height:18px;
}

#titpodiseno {
float:left;
background-image:url(../images/imgportdiseno/podisenotit.gif);
width:229px;
height:22px;
}

#titpofoto {
float:left;
background-image:url(../images/imgportredafoto/portfototit.gif);
width:173px;
height:22px;
}

#titporeda {
float:left;
background-image:url(../images/imgportredafoto/portredatit.gif);
width:156px;
height:22px;
}

#titsecporeda1 {
float:left;
background-image:url(../images/imgportredafoto/portredasec1.gif);
width:58px;
height:8px;
margin:14px 0px 0px 6px;
}

#titsecporeda2 {
float:left;
clear:both;
background-image:url(../images/imgportredafoto/portredasec2.gif);
width:134px;
height:8px;
margin:14px 0px 0px 6px;
}

#titsecporeda3 {
float:left;
clear:both;
background-image:url(../images/imgportredafoto/portredasec3.gif);
width:151px;
height:10px;
margin:14px 0px 0px 6px;
}

#titsecpodiseno1 {
float:left;
background-image:url(../images/imgportdiseno/podisenoseccaratu.gif);
width:77px;
height:10px;
margin:12px 0px 0px 6px;
}

#titsecpodiseno2 {
float:left;
clear:left;
background-image:url(../images/imgportdiseno/podisenosectarje.gif);
width:137px;
height:11px;
}

#titsecpodiseno3 {
float:left;
clear:left;
background-image:url(../images/imgportdiseno/podisenosecicono.gif);
width:47px;
height:8px;
}

#titsecpodiseno4 {
float:left;
clear:left;
background-image:url(../images/imgportanim/portanimsec1.gif);
width:47px;
height:8px;
}

#titsecpodiseno5 {
float:left;
clear:left;
background-image:url(../images/imgportdiseno/podisenoseccarte.gif);
width:66px;
height:8px;
}

#titsecpoanim1 {
float:left;
background-image:url(../images/imgportanim/portanimsec4.gif);
width:61px;
height:8px;
margin:10px 0px 0px 6px;
}
#titsecpoanim2 {
float:left;
clear:left;
background-image:url(../images/imgportanim/portanimsec3.gif);
width:130px;
height:8px;
}
#titsecpoanim3 {
float:left;
clear:left;
background-image:url(../images/imgportanim/portanimsec2.gif);
width:185px;
height:10px;
}
#titsecpoanim4 {
float:left;
clear:left;
background-image: url(../images/imgportanim/portanimsec1.gif);
width:47px;
height:8px;
}


#tabla1, #tabla2, #tabla3, #tabla4, #tabla5 {
width:780px;
clear:left;
float:left;
margin:12px 0px 20px 0px;
}


#tablarela1, #tablarela2, #tablarela3, #tablarela4 {
width:780px;
clear:left;
float:left;
margin:12px 0px 20px 0px;
}


#tablarela3 img {
clear:both;
margin:8px 0px 10px 60px

}



#pelusa1, #pelusa2 {
width:380px;
height:310px;
float:left;
padding:0px 5px 0px 5px;
margin:0px 0px 10px 0px;
}


#tablarela1 img, #tablarela2 img {
clear:none;
float:left;
margin:6px 10px 6px 0px;

}

#tablarela2 img#centrada {
clear:both;
float:none;
margin:6px 10px 6px 140px;
}

#tablarela2 img#centrada2 {
clear:both;
float:none;
margin:0px 10px 10px 150px;
}

#tablarela2 img.limpiader {
clear:right;
float:left;
margin:6px 40px 6px 20px;
}

#tablarela1 p, #tablarela2 p, #tablarela3 p, #tablarela4 p {
font-size:0.8em;
}

#tablarela4 li a {
font-size:1em;
color:#FFFFFF;
text-decoration:none;
}

#tablarela4 li a:hover {
color:#999999;
}


#tablarela1 p a, #tablarela2 p a, #tablarela3 p a, #tablarela4 p a {
color:#FFFFCC;
text-decoration:none;

}

#tablarela1 p a:hover, #tablarela2 p a:hover,#tablarela3 p a:hover, #tablarela4 p a:hover {
color:#999999;
}


#tablarela1 h5, #tablarela2 h5, #tablarela3 h5 {
font-size:1em;
display:inline;

}




#tablaanim1 {
width:780px;
clear:left;
float:left;
background-color:#FFFFFF;
margin:12px 0px 20px 0px;
}

#tablaanim2 {
width:900px;
height:326px;
clear:left;
float:left;
margin:12px 0px 20px -60px;
}


#tablaanim3 {
width:780px;
clear:left;
float:left;
margin:12px 0px 20px 30px;
}

#tablaanim4 {
width:830px;
clear:left;
float:left;
margin:12px 0px 20px -30px;
}

#portanim2 {
float:right;
width:180px;
height:150px;
background-color:#0099FF;
margin:55px 10px 12px 0px;
}

#portanim3 {
float:right;
width:250px;
height:250px;
background-color:#FFFFFF;
margin:30px 20px 12px 40px;
}

#portanimvulcano {
float:left;
width:140px;
height:200px;
background-color:#FFFFFF;
margin:32px 0px 0px 50px;

}

#vulcano1 {
width:112px;
height:78px;
margin:20px 0px 0px 10px;
}

#vulcano2 {
width:112px;
height:78px;
margin:20px 0px 0px 10px;
}

#cajatractor {
float:left;
margin:20px 0px 12px 10px;
background-image:url(../images/imgportanim/fondotractordef.jpg);
width:480px;
height:370px;
}

#portanim1 {
margin:113px 0px 0px 0px;
width:480px;
height:257px;
}

#pasafotoshot {
float:left;
width:296px;
height:376px;
margin:0px 0px 0px 20px;
}



/* nuevos logotipo ademas de titulo */





#menusecporbaix {
clear:both;
width:600px;
height:20px;
text-align:left;
margin:0px 0px 0px 124px;
}

#menusecporbaix ul, #menusecporbaix ul li, #menusecporbaix ul li a {
display:inline;
}

#menusecporbaix ul li {
padding:0px 12px 0px 0px;
}

#menusecporbaix ul li.actual {
font-size:0.62em;
font-weight:bold;
text-decoration:none;
color:#999999;
}

#menusecporbaix ul li a {
font-size:0.62em;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
}

#menusecporbaix ul li a:hover {
color:#999999;
}


#menubaix {
clear:both;
width:780px;
height:20px;
text-align:left;
margin:0px 0px 0px 20px;
}

#menubaix ul, #menubaix ul li, #menubaix ul li a {
display:inline;
}

#menubaix ul li {
padding:0px 12px 0px 0px;
}

#menubaix ul li.actual {
font-size:0.66em;
font-weight:bold;
text-decoration:none;
color:#999999;
}

#menubaix ul li a {
font-size:0.66em;
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
}

#menubaix ul li a:hover {
color:#999999;
}



#pie {
clear:both;
width:780px;
height:30px;
text-align:center;
}

#pie img {
padding:10px 0px 2px 0px;
}

#pie p {
font-size:0.7em;
padding:0px 0px 12px 0px;
}

#pie p a {
font-size:1.2em;
color:#FFFFFF;
text-decoration:none;
}

#pie p a:hover {
color:#999999;
}