body{margin: 0; padding:0; background-color: #000;}

h1,h2,h3,h4,h5,h6,p,ul,li,table{margin: 0; padding:0;}

/*medidas y posicion*/
.mod300{width: 300px;}
.mod680{width: 680px;}
.mod980{width: 980px;}
.fleft{float: left;}
.fright{float: right;}
.mbot {margin-bottom:30px}
.mtop {margin-top:30px;}

/*contenedores*/
.content{width: 980px; height: auto; background-color:#2c2121}
.header{height: 309px; background: url(img/bg-header.jpg) no-repeat;}
.header h1{}
.header h1 a{color: #000; text-decoration: none; font: normal 1px Arial; width: 300px; height: 254px; display: block;}
.header h1 a:hover{color: #000; text-decoration: none; font: normal 1px Arial;}
.header ul{width: 924px; height: 40px; margin: 15px 0 0 26px; display: inline; background: url(img/bt-menu.gif) no-repeat; float: left;}
.header li{float: left;}
.header li a{width: 92px; margin-right: 45px; height: 40px; display: block; font: normal 1px Arial; color: #000; text-decoration: none;}
.header li a:hover{text-decoration: none;}
.header li a.inicio{width: 54px; margin-right:20px;}
.header li a.catalog{width: 79px; margin-right: 22px;}
.header li a.catalog:hover {
   background: url(img/bt-menu-catalogo.gif)
}
.header li a.portf{width: 85px; margin-right: 20px;}
.header li a.usadas{width:137px; margin-right: 22px;}
.header li a.rgm{width:38px; margin-right:20px;}

.header li a.videosm{width:59px; margin-right: 22px;}
.header li a.services{width:83px; margin-right:22px;}
.header li a.contact{width: 81px; margin-right: 22px; }
.header li a.eventosm{width:72px; margin-right: 22px;}
.header li a.foro{width: 44px; margin-right: 0;}

/*contenedores*/
.categorias{background: url(img/categorias-bg-menu.gif) no-repeat; height:138px;}
.categorias h1{}
.categorias ul{width:232px; margin: 12px 0 0 78px; float: left; }
.categorias li{background: url(img/categorias-li.gif) left top no-repeat; list-style:none;}
.categorias li a{width:230px;height: 30px; display: block; font: normal 12px Arial; color: #FF7300; text-decoration: none; padding-left:14px}
.categorias li a:hover{text-decoration: none; color:#FF9035}

.modIzq{float: left; width: 300px;}
.modDer{float: right; width: 680px;}

.catalogo{height: 432px; width: 254px; padding-left: 46px; background: url(img/bg-catalogo.jpg) no-repeat;}
.catalogo h1{width: 207px; height: 60px; background: url(img/tit-catalogo.gif) no-repeat; font: normal 1px Arial; color: #000; margin-bottom: 8px}
.catalogo p{height: 80px; width: 210px; margin: 0 0 13px 8px; clear: both;}
.catalogo p a{font: normal 11px Arial; color: #FFF; text-decoration: none; }
.catalogo p a strong{clear: right; font: normal 14px Arial; color: #FF7300; line-height: 15px;}
.catalogo p a:hover strong{color: #FF9035;}
.catalogo p a img{float: left; border: 1px solid #999; margin-right: 13px;}
.catalogo p a:hover img{border: 1px solid #FF9035;}
.catalogo h5{float: left; margin: 10px 0 0 8px;}
.catalogo h5 a{text-decoration: none; font: normal 16px Arial; color: #FF7300;}
.catalogo h5 a:hover{text-decoration: none; color: #FF9035;}

.catalogo-right{height: auto; background: url(img/bg-portfolio-color.jpg) repeat-y #000;padding-bottom: 10px;}
.catalogo-right h1{width: 220px; height: 67px; font: normal 1px Arial; color: #000; margin: 0 0 8px 26px; background: url(img/tit-catalogo.gif) no-repeat 1px 0; }
.catalogo-right p{height: 140px; width: 620px; margin: 0 0 8px 30px; clear: both;}
.catalogo-right p a{font: normal 12px Arial; color: #FFF; text-decoration: none; line-height: 20px;}
.catalogo-right p a strong{clear: right; font: normal 16px Arial; color: #FF7300; line-height: 15px;}
.catalogo-right p a:hover strong{color: #FF9035;}
.catalogo-right p a img{float: left; border: 1px solid #999; margin-right: 13px;}
.catalogo-right p a:hover img{border: 1px solid #FF9035;}
.catalogo-right h5{margin: 0 0 0 430px;}
.catalogo-right h5 a{text-decoration: none; font: normal 16px Arial; color: #FF7300;}
.catalogo-right h5 a:hover{text-decoration: none; color: #FF9035;}

.portfolio{height: auto; background: url(img/bg-portfolio-color.jpg) repeat-y #000; padding-bottom: 10px;}
.portfolio h1{width: 220px; height: 67px; font: normal 1px Arial; color: #000; margin: 0 0 8px 26px; background: url(img/tit-portfolio.gif) no-repeat 1px 0; }
.portfolio p{height: 140px; width: 620px; margin: 0 0 8px 30px; clear: both;}
.portfolio p a{font: normal 12px Arial; color: #FFF; text-decoration: none; line-height: 20px;}
.portfolio p a strong{clear: right; font: normal 16px Arial; color: #FF7300; line-height: 15px;}
.portfolio p a:hover strong{color: #FF9035;}
.portfolio p a img{float: left; border: 1px solid #999; margin-right: 13px;}
.portfolio p a:hover img{border: 1px solid #FF9035;}
.portfolio h5{margin: 0 0 0 430px;}
.portfolio h5 a{text-decoration: none; font: normal 16px Arial; color: #FF7300;}
.portfolio h5 a:hover{text-decoration: none; color: #FF9035;}

.noticias{height: 445px; background: url(img/bg-noticias.jpg) no-repeat;}
.noticias h2{width: 200px; height: 62px; font: normal 1px Arial; color: #000;background: url(img/tit-noticias-right.gif) no-repeat; margin: 4px 0 31px 50px;}
.noticias h4{padding-bottom: 10px!important; padding-bottom: 5px; width: 208px; border-bottom: dotted 1px #878787; margin: 0 0 18px 53px; font: normal 12px Arial; color: #FFF; line-height: 18px;}
.noticias h4 strong{font: normal 12px Arial; color: #FF7300;}
.noticias h4 strong a{text-decoration: none; color: #FF9C00; font: normal 12px Arial;}
.noticias h4 strong a:hover{text-decoration: none; color: #FCAD3A;}

.noticias-right{height: auto; background: url(img/bg-portfolio-color.jpg) repeat-y #000; padding-bottom: 10px;}
.noticias-right h1{width: 220px; height: 67px; font: normal 1px Arial; color: #000; margin: 0 0 8px 26px; background: url(img/tit-noticias-right.gif) no-repeat 1px 0; }
.noticias-right p{height: 140px; width: 620px; margin: 0 0 8px 30px; clear: both;}
.noticias-right p a{font: normal 12px Arial; color: #FFF; text-decoration: none; line-height: 20px;}
.noticias-right p a strong{clear: right; font: normal 16px Arial; color: #FF7300; line-height: 15px;}
.noticias-right p a:hover strong{color: #FF9035;}
.noticias-right p a img{float: left; border: 1px solid #999; margin-right: 13px;}
.noticias-right p a:hover img{border: 1px solid #FF9035;}
.noticias-right h2{padding-bottom: 15px!important; padding-bottom: 10px;  margin: 0 0 18px 30px; font: normal 12px Arial; color: #FFF; line-height: 18px; width:600px}
.noticias-right h2 strong{font: normal 22px Arial; color: #FF7300;}
.noticias-right h2 strong a{text-decoration: none; color: #FF9C00; font: normal 12px Arial;}
.noticias-right h2 strong a:hover{text-decoration: none; color: #FCAD3A;}
.noticias-right h5{margin: 0 0 0 430px;}
.noticias-right h5 a{text-decoration: none; font: normal 16px Arial; color: #FF7300;}
.noticias-right h5 a:hover{text-decoration: none; color: #FF9035;}

.videos{height: 445px; background: url(img/bg-videos.jpg) no-repeat;}
.videos h2{font: normal 1px Arial; color: #000; margin: 50px 0 0 150px;}
.videos ul{float: left; display: inline; margin: 180px 0 0 25px;}
.videos li{float: left; margin-right: 32px;}
.videos li a{float: left; width: 120px; height: 90px; display: block;}
.videos li a img{border: 1px solid #000;}
.videos li a:hover img{border: 1px solid #FF9035;}
.videos h5{width: 586px; margin-left: 25px; }
.videos h5 a{font: normal 12px Arial; color: #FFF; line-height: 18px; text-decoration: none;}
.videos h5 a:hover{text-decoration: none;}
.videos h5 a strong{font: normal 22px Arial; color: #FF7300; line-height: 50px;}
.videos h5 a:hover strong{color: #FF9035;}

.eventos{height: 480px; background: url(img/bg-eventos.jpg) no-repeat;}
.eventos h2{width: 176px; height: 56px; font: normal 1px Arial; color: #000;background: url(img/tit-eventos.gif) no-repeat; margin: 4px 0 20px 50px;}
.eventos h4{padding-bottom: 15px!important; padding-bottom: 10px; width: 208px; border-bottom: dotted 1px #878787; margin: 0 0 18px 53px; font: normal 12px Arial; color: #FFF; line-height: 18px;}
.eventos h4 strong{font: normal 12px Arial; color: #FF7300;}
.eventos h4 strong a{text-decoration: none; color: #FF9C00; font: normal 12px Arial;}
.eventos h4 strong a:hover{text-decoration: none; color: #FCAD3A;}

.eventos-right{height: auto; background: url(img/bg-eventos-right.jpg) no-repeat #1E1E1E; padding-bottom: 10px;}
.eventos-right h1{width: 220px; height: 67px; font: normal 1px Arial; color: #000; margin: 0 0 8px 26px; background: url(img/tit-eventos.gif) no-repeat 1px 0; }
.eventos-right p{height: 140px; width: 620px; margin: 0 0 8px 30px; clear: both;}
.eventos-right p a{font: normal 12px Arial; color: #FFF; text-decoration: none; line-height: 20px;}
.eventos-right p a strong{clear: right; font: normal 16px Arial; color: #FF7300; line-height: 15px;}
.eventos-right p a:hover strong{color: #FF9035;}
.eventos-right p a img{float: left; border: 1px solid #999; margin-right: 13px;}
.eventos-right p a:hover img{border: 1px solid #FF9035;}
.eventos-right h2{padding-bottom: 15px!important; padding-bottom: 10px;  margin: 0 0 18px 30px; font: normal 12px Arial; color: #FFF; line-height: 18px; width:600px}
.eventos-right h2 strong{font: normal 22px Arial; color: #FF7300;}
.eventos-right h2 strong a{text-decoration: none; color: #FF9C00; font: normal 12px Arial;}
.eventos-right h2 strong a:hover{text-decoration: none; color: #FCAD3A;}
.eventos-right h5{margin: 0 0 0 430px;}
.eventos-right h5 a{text-decoration: none; font: normal 16px Arial; color: #FF7300;}
.eventos-right h5 a:hover{text-decoration: none; color: #FF9035;}

.servicios{height: 423px; background: url(img/bg-servicios.jpg) no-repeat;}
.servicios h2{font: normal 1px Arial; color: #000; margin: 10px 0 0 80px; width: 100px; height: 10px;}
.servicios a img{border: 0; margin: 0 0 0 120px;}
.servicios h5{width: 500px; margin: 10px 0 0 120px;}
.servicios h5 a{font: normal 12px Arial; color: #FFF; line-height: 18px; text-decoration: none;}
.servicios h5 a:hover{text-decoration: none;}
.servicios h5 a strong{font: normal 22px Arial; color: #FF7300; line-height: 50px;}
.servicios h5 a:hover strong{color: #FF9035;}

.servicios-right{height: auto; background: url(img/bg-portfolio-color.jpg) repeat-y #000; padding-bottom: 10px;}
.servicios-right h1{width: 220px; height: 67px; font: normal 1px Arial; color: #000; margin: 0 0 8px 26px; background: url(img/tit-servicios-right.gif) no-repeat 1px 0; }
.servicios-right p{height: 140px; width: 620px; margin: 0 0 8px 30px; clear: both;}
.servicios-right p a{font: normal 12px Arial; color: #FFF; text-decoration: none; line-height: 20px;}
.servicios-right p a strong{clear: right; font: normal 16px Arial; color: #FF7300; line-height: 15px;}
.servicios-right p a:hover strong{color: #FF9035;}
.servicios-right p a img{float: left; border: 1px solid #999; margin-right: 13px;}
.servicios-right p a:hover img{border: 1px solid #FF9035;}
.servicios-right h2{padding-bottom: 15px!important; padding-bottom: 10px;  margin: 0 0 18px 30px; font: normal 12px Arial; color: #FFF; line-height: 18px; width:600px}
.servicios-right h2 strong{font: normal 22px Arial; color: #FF7300;}
.servicios-right h2 strong a{text-decoration: none; color: #FF9C00; font: normal 12px Arial;}
.servicios-right h2 strong a:hover{text-decoration: none; color: #FCAD3A;}
.servicios-right h5{margin: 0 0 0 430px;}
.servicios-right h5 a{text-decoration: none; font: normal 16px Arial; color: #FF7300;}
.servicios-right h5 a:hover{text-decoration: none; color: #FF9035;}

.rgm-right{height: auto; background: url(img/bg-rgm-right.jpg) no-repeat #1E1E1E; padding-bottom: 10px;}
.rgm-right h1{width: 260px; height: 67px; font: normal 1px Arial; color: #000; margin: 0 0 8px 26px; background: url(img/tit-rgm-right.gif) no-repeat 1px 0; }
.rgm-right p{height: 140px; width: 620px; margin: 0 0 8px 30px; clear: both;}
.rgm-right p a{font: normal 12px Arial; color: #FFF; text-decoration: none; line-height: 20px;}
.rgm-right p a strong{clear: right; font: normal 16px Arial; color: #FF7300; line-height: 15px;}
.rgm-right p a:hover strong{color: #FF9035;}
.rgm-right p a img{float: left; border: 1px solid #999; margin-right: 13px;}
.rgm-right p a:hover img{border: 1px solid #FF9035;}
.rgm-right h2{padding-bottom: 15px!important; padding-bottom: 10px;  margin: 0 0 18px 30px; font: normal 12px Arial; color: #FFF; line-height: 18px; width:600px}
.rgm-right h2 strong{font: normal 22px Arial; color: #FF7300;}
.rgm-right h2 strong a{text-decoration: none; color: #FF9C00; font: normal 12px Arial;}
.rgm-right h2 strong a:hover{text-decoration: none; color: #FCAD3A;}
.rgm-right h5{margin: 0 0 0 430px;}
.rgm-right h5 a{text-decoration: none; font: normal 16px Arial; color: #FF7300;}
.rgm-right h5 a:hover{text-decoration: none; color: #FF9035;}

.recomendados{height: auto; background: url(img/bg-recomendados.jpg) no-repeat #1E1E1E; padding-bottom: 10px;}
.recomendados h1{width: 260px; height: 67px; font: normal 1px Arial; color: #000; margin: 0 0 8px 26px; background: url(img/tit-links.gif) no-repeat 1px 0; }
.recomendados p{height: 140px; width: 620px; margin: 0 0 8px 30px; clear: both;}
.recomendados p a{font: normal 12px Arial; color: #FFF; text-decoration: none; line-height: 20px;}
.recomendados p a strong{clear: right; font: normal 16px Arial; color: #FF7300; line-height: 15px;}
.recomendados p a:hover strong{color: #FF9035;}
.recomendados p a img{float: left; border: 1px solid #999; margin-right: 13px;}
.recomendados p a:hover img{border: 1px solid #FF9035;}
.recomendados h2{padding-bottom: 15px!important; padding-bottom: 10px;  margin: 0 0 18px 30px; font: normal 12px Arial; color: #FFF; line-height: 18px; width:600px}
.recomendados h2 strong{font: normal 22px Arial; color: #FF7300;}
.recomendados h2 strong a{text-decoration: none; color: #FF9C00; font: normal 12px Arial;}
.recomendados h2 strong a:hover{text-decoration: none; color: #FCAD3A;}
.recomendados h5{margin: 0 0 0 430px;}
.recomendados h5 a{text-decoration: none; font: normal 16px Arial; color: #FF7300;}
.recomendados h5 a:hover{text-decoration: none; color: #FF9035;}

{padding-bottom: 10px!important; padding-bottom: 5px; width: 208px; border-bottom: dotted 1px #878787; margin: 0 0 18px 53px; font: normal 12px Arial; color: #FFF; line-height: 18px;}


.portfolioInt{height: auto;}
.portfolioInt h1{background: url(img/tit-portfolioInt.gif) no-repeat; font: normal 1px Arial; color: #000; height: 70px; width: 980px;}
.portfolioInt h3{float: left; background: url(img/bg-descripcion-portfolioInt.jpg) no-repeat; width: 834px; height: 104px; line-height: 18px; font: normal 12px Arial; color: #FFF; padding: 13px 101px 80px 45px;}
.portfolioInt h3 strong{font: normal 24px Arial; color: #FF7300; line-height: 40px;}
.portfolioInt h3 span a{margin-left: 480px; font: normal 16px Arial; color: #FF7300; text-decoration: none;}
.portfolioInt h3 span a:hover{color: #FF9C00}

.fotosPortfolio{height: auto; background: url(img/bg-portfolioInt-fotos.jpg) no-repeat #000; min-height: 335px;}
.fotosPortfolio h4{margin-left: 45px!important; margin-left: 23px; width: 446px; height: 335px; float: left;}
.fotosPortfolio h5{margin-right: 31px!important; margin-right: 17px; width: 428px; height: auto; float: right;}
.fotosPortfolio h5 a{ text-align:center; float: left; display: block; width: 180px; margin: 0 33px 25px 0;}
.fotosPortfolio h5 a img{ margin: 0 auto; border: 0; height: 135px;}


.contacto{height: auto; background: url(img/bg-form.jpg) no-repeat #1E1E1E; padding-bottom: 10px;}
.contacto h1{width: 220px; height: 67px; font: normal 1px Arial; color: #000; margin: 0 0 8px 26px; background: url(img/tit-contacto.gif) no-repeat 1px 0; }
.contacto h2{padding-bottom: 15px!important; padding-bottom: 10px;  margin: 0 0 18px 30px; font: normal 12px Arial; color: #FFF; line-height: 18px; width:600px}
#comm_form{overflow:hidden;margin-bottom:10px; margin-top:40px}
#comm_form .campos{width:301px}
	
	form .campos label{
	width:50px;
	float:left;
	clear:both;
	margin-bottom:10px;
	margin-left:30px
	}

	form .campos select{
	width:100px;
	border:none;
	float:left;
	margin-bottom:15px;	
	}
	
	form .campos input{
	padding:3px;
	width:180px;
	margin-right:15px;
	border:none;
	margin-bottom:15px;	
	}

#comm_form .mensaje{width:301px}
	#comm_form .mensaje textarea{width:301px;border:none;}

#comm_form .enviar{margin:10px 0px 0px 0px;}

form .campos label{color:#978E81;}
form .campos select{background:#f4f4f4;}
form .campos input{background:#f4f4f4;}

#comm_form .mensaje textarea{background:#f4f4f4;}

form h5{
padding-bottom: 20px;
margin-bottom:0px !important;
height:auto !important;
line-height:auto !important;
font-weight:bold !important;
}	

#comm_form{font-size:14px;letter-spacing:-0.04em;}

	form .campos label{font-size:12px; font-family: Arial, Helvetica, sans-serif;}
	form .campos input{font-size:11px; font-family: Arial, Helvetica, sans-serif;}

.footer{height: 108px; background: url(img/bg-footer.jpg) no-repeat;}
.footer p{font: normal 12px Arial; color: #fff; text-align:left; line-height:40px; margin-left:30px}
.footer p a{text-decoration: none; color: #FF9C00; font: normal 12px Arial;}
.footer p a:hover{text-decoration: none; color: #FCAD3A;}