/* COMUNES */
a {
    color: rgb(0, 0, 0);
    text-decoration: none;
    transition: color 0.15s linear 0s;
}

#body_negro{
background-color: #000000;
}

#body_blanco{
background-color: #FFFFFF;
}

#productos{
	color:white;
}
/* CONTENIDO */
#pagina{
text-align:center;
margin:0 auto;
}

#contenido {
margin: 0 auto;
#text-align:left;
width:900px;
} 

.encontruccion {
text-align: center;
} 

#direccion{
	text-align: right;
	color: orange;
	border:2px solid;
	border-style:solid;
	border-color:gray;
	padding:10px;
	border-radius:1em;
	-webkit-border-top-right-radius:1em; /* Safari */
}

/* HOME */
#homedescripcion_negro{
background:url('/img/fondo rasgado negro.png');
background-repeat:no-repeat;
text-align: left;
height: 950px;
padding-top: 70px;
}

#homedescripcion_blanco{
background:url('/img/fondo rasgado blanco.png');

background-repeat:no-repeat;
text-align: left;
height: 860px;
padding-top: 120px;
}
#visor-tabla{
	background-color :#1F1E1F;
	margin-top: 30px;
}

#visor-tabla-listado{
	width: 200px;
}

#visor_titulos{
	font-family:danielbdFont;
	color:#D56A2E;
	text-align:left;
	
}
#visor_sub-titulos{
	font-family:MyriadProFont;
	text-align:left;
}
#empresa_cys{
	font-family:MyriadProFont;
	 text-align:center;
	 font-size: 16px;
vertical-align: center;
	color: gray;
text-align:left;
padding-left: 50px;
padding-right: 30px;
padding-top: 40px;	
}

#empresa_cys-detalle-table{
border-spacing: 0px;
border-top:4px black solid;
}

#empresa_cys-detalle-tr{

	background-color :#1F1E1F;
}
#empresa_cys_titulo{
font-family:danielbdFont;
font-size: 16px;
		color:#D56A2E;
	}

#empresa_cys_detalle{
	font-family:MyriadProFont;
	 text-align:center;
	 font-size: 16px;
vertical-align: center;
	color: gray;
text-align:left;
}

#empresa_cys_detalle_titulo{
font-family:danielbdFont;
font-size: 16px;
		color:#D56A2E;
	}

#contactodescripcion{
background: url(/img/fondo.png);
background-size: 900px;
background-repeat: no-repeat;
text-align: left;
height: 560px;
width: 900px;
padding-left: 60px;
padding-top: 90px;
}

#serviciosdescripcion{
background-size: 900px;
background-repeat: no-repeat;
text-align: left;
height: 560px;
width: 900px;
background-color: BLACK;
#padding-left: 80px;
#padding-top: 90px;
}

#serviciosimagenes{
	color:#FFFFFF;
	vertical-align: top;
#padding-left: 66px;
#padding-right: 66px;
#padding-top: 22px;
#padding-bottom: 22px;
	width: 220px;
	text-align:center;
}

#serviciosdetalle{
color: #FFFFFF;
vertical-align: top;
padding-top: 22px;
padding-left: 20px;
padding-right: 10px;
text-align:center;	
}
#serviciosFotos{
	width:200px;
}
#homedescripcionopciones{
	width: 230px;
}



#logo{
	font-family: MyriadProFont;
text-align: left;
width: 300px;
}

#menuizq{
	font-family: MyriadProFont;
	width: 540px;
	text-align:left;
	padding-left: 22px;
}

#menuder{
	font-family: MyriadProFont;
}
#homelogomenu{
	font-family: MyriadProFont;
	height: 30px;
	text-align: right;
	color:#FFFFFF;
}

#homelogoizq{
	font-family: MyriadProFont;
	
	padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
}

#homelogo{
	font-family: MyriadProFont;
	height: 70px;
	width: 897px;
}

#homelogoder{
	font-family: MyriadProFont;
	text-align:right;
	
}

#homecontacto{
	font-family: MyriadProFont;
text-align:right;
color:#ffffff;
}

#homeempresa{
color: white;
width: 390px;
}

#home_caja_naranja{
width: 20px;
height: 40px;
background-color: #D56A2B;	
}

#homebarra{
height: 216px;
width: 2px;
}

#clientes{
	font-family: MyriadProFont;
	color:#000000;
	font-size: 16px;
	text-align:left;
	padding-left: 50px;
	padding-right: 30px;
}
#clientes_titulo{
	font-family: MyriadProFont;
	color:#000000;
	font-size: 16px;
	text-align:left;
	padding-right: 30px;
}

#caja_naranja{
width: 30px;
height: 40px;
background-color: #D56A2B;	
}

#boton-off{
	
}

#boton-on{
	height: 20px;
	width:100px;
	text-align: center;
	padding-top: 80px;
	padding-left: 4px;
	background: url('/img/boton-on.png') no-repeat;
	background-size: 110px;
}

#homedescripcionopciones{
text-align: center;
	height: 20px;
	width:100px;

}

#homecontactodireccion{
margin: 0 auto;
text-align:right;
color: white;
width: 290px;
padding-right: 20px;
}

#homecontactoformulario{
height: 450px;
margin: 0 auto;
position: relative;
width: 490px;
border: 1px solid;
padding-left: 11px;
border-style: solid;
border-color: gray;
border-radius: 1em;
-webkit-border-top-right-radius: 1em;
background: white;
color:black;
}

#homesubidaformulario{
height: 350px;
margin: 0 auto;
position: relative;
width: 790px;
border: 1px solid;
padding-left: 11px;
border-style: solid;
border-color: gray;
border-radius: 1em;
-webkit-border-top-right-radius: 1em;
background: white;
color:black;
}

#opcion{
	height: 20px;
	width:100px;
	text-align: center;
	border:1px solid;
	border-style:solid;
	border-color:gray;
	border-radius:1em;
	-webkit-border-top-right-radius:1em; /* Safari */
	padding-top: 65px;
	padding-left: 0px;
	background: white url('/img/boton-off.jpg') no-repeat;
	background-size: 95px;
}


/*MENU PRINCIPAL*/


#menuprincipal{
#	position:absolute;
	right:40px;
	top:30px;
}
#menuprincipal ul{margin:0; padding:0; background:none;}
#menuprincipal li{
	float:left;
	margin:0 0 0 10px;
	padding:0;
	background:none;
	height:36px;
	font-weight:bold;
	list-style:none;
	font:13px/36px Oswald, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
#menuprincipal ul li:first-child{
	margin:0;
}

#menuprincipal li a{
	color:#000;
	#text-shadow: 0px 1px 1px #4d4d4d;
	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
	-webkit-transition: all 0.1s linear;
	-moz-transition: all 0.1s linear;
	-ms-transition: all 0.1s linear;
	-o-transition: all 0.1s linear;
	transition: background 0.1s linear;
	display: block;
	padding:0 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#menuprincipal li.active a{
	background:#FFA31F;	
}
#menuprincipal li a:hover{
	-webkit-transform: scale(1.1); 
	-moz-transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	-o-transform: scale(1.1);
	transform: scale(1.1);
	text-decoration:none;
	background: #FFA500;
}

#home-inicio{
	padding-top: 190px;
}
#nosotros-menu {
	font-family:danielbdFont;
	text-align:center;
	font-size: 28px;
	height: 50px;
	color:#D56A2E;
	vertical-align: text-top;
}

#flecha-inicio{
	width: 300px;
}

#centro-menu{
	height: 250px;
}
#trabajos-menu {
	font-family:danielbdFont;
	text-align:center;
	font-size: 28px;
	display: block;
	color:#D56A2E;
	vertical-align: text-botton;
}

#servicios-menu {
     display: block;
     width: 170px;
     height: 170px;
     background: url('/img/SERVICIOS-OFF.png') no-repeat top left;
}
#servicios-menu:hover {
     background-image: url('/img/SERVICIOS-ON.png');
}
#servicios-menu:active {
     background-image: url('/img/SERVICIOS-OFF.png');
}

/* CATEGORIAS */

@font-face
{
font-family: MyriadProFont;
src:local('MyriadPro-Regular'), url('/font/MyriadPro-Regular.ttf') format('truetype'); /* IE9+ */
}

@font-face
{
font-family: MyriadProBoldFont;
src: local('MyriadPro-Bold'),url('/font/MyriadPro-Bold.ttf') format('truetype'); /* IE9+ */
}

@font-face
{
font-family: danielbdFont;
src: local('danielbd'),url('/font/danielbd.ttf') format('truetype'); /* IE9+ */
}


#categorias_contacto {
	 font-family: danielbdFont;
	 text-decoration: underline; 
	 text-align:left;
	 font-size: 20px;
	 }
	 

/* SUB MENU*/


#submenu {

}
#submenu ul {
	margin: 0; padding:0;
}
#submenu ul li {
	margin: 0;
	padding: 0;
	background:none;
	line-height: 40px;
	font-size: 14px;
	border-top: 1px solid #ddd;
}
#submenu li:first-child {
	border-top: none!important;
}
#submenu .active, #submenu  .activeCategory{
	font-weight: bold;
}
#submenu ul ul {
	margin-left: 30px;
	border-top: 1px solid #ddd
}
#submenu ul li:hover,
#submenu ul li:focus,
#submenu ul li:active {
	background: transparent url('img/bg_menu_arrow.png') no-repeat right 16px;
}

.box{
	margin-bottom:30px;
}

.color1 h3{
	background:url(img/moduletitle-bg.gif) no-repeat left bottom;
	font:bold 40px/1 Oswald, Arial, Helvetica, sans-serif;
	color:#000;
	text-transform:uppercase;
	padding:0 0 25px 0;
	margin-bottom:20px;
}

#contactogracias{
    color: white;
    text-align: center;
    width: 700px;

}

#formulariosubida{
    width:650px;
}


#formulariocontacto{
    width:450px;
}

#contacto_direccion{
	text-align: center;
	color: white;
	font-size: 15px;
}

/* TRABAJOS */

#trabajodescripcion{
background-size: 900px;
background-repeat: no-repeat;
text-align: center;
width: 900px;
background-color: BLACK;
#padding-left: 80px;
#padding-top: 90px;
}

#trabajossubmenu1b{
color: #FFFFFF;
text-align:center;
}


#trabajossubmenu1{
height: 600px;
width: 200px;
color: #FFFFFF;
text-align:center;
}


#trabajosfotosarchivo{
	color: #FFFFFF;
	text-align:center;
	
}
#trabajosfotos{
	color: #FFFFFF;
width: 100%;
text-align:center;
margin-top: 0px;
margin-bottom: 0px;
padding-left: 0px;
margin-top: 20px;
}

#producto-visor{
	padding-top: 60px;
padding-left: 30px;
}
#productos-menu{
     display: block;
     width: 170px;
     height: 170px;
     background: url('/img/PRODUCTOS-OFF.png') no-repeat top left;
}
#productos-menu:hover {
     background-image: url('/img/PRODUCTOS-ON.png');
}
#productos-menu:active {
     background-image: url('/img/PRODUCTOS-OFF.png');
}

#eventos-menu {
     display: block;
     width: 170px;
     height: 170px;
     background: url('/img/EVENTOS-OFF.png') no-repeat top left;
}
#eventos-menu:hover {
     background-image: url('/img/EVENTOS-ON.png');
}
#eventos-menu:active {
     background-image: url('/img/EVENTOS-OFF.png');
}

#otrosdesarrollos-menu {
     display: block;
     width: 170px;
     height: 170px;
     background: url('/img/OTROSDESARROLLOS-OFF.png') no-repeat top left;
}
#otrosdesarrollos-menu:hover {
     background-image: url('/img/OTROSDESARROLLOS-ON.png');
}
#otrosdesarrollos-menu:active {
     background-image: url('/img/OTROSDESARROLLOS-OFF.png');
}

#swapnextimg{
	font-family: danielbdFont;
	 text-align:center;
	 font-size: 30px;
vertical-align: center;
	color: #FFFFFF;
text-align:center;
}

#nombrearchivo{
font-family: danielbdFont;
	}

#swapprevsimg{
	font-family: danielbdFont;
	 text-align:center;
	 font-size: 30px;
vertical-align: center;
	color: #FFFFFF;
text-align:center;
}

#visualizaciondefotos{
	width:100%;
	height:500px;
}

#visualizaciondefoto{
	width:100%;
	height:500px;
}	 

#trabajosfotosarchivo {
	 font-family: danielbdFont;
	 #text-decoration: underline; 
	 text-align:center;
	 font-size: 20px;
	 height: 30px;
margin-top: 60px;
	 }

#cuadrolistadodirectorios{
	margin-top: 50px;
}	 

#trabajossubmenu2 {
	 font-family: danielbdFont;
	 text-decoration: underline; 
	 text-align:center;
	 font-size: 20px;
		color: #FFFFFF;
    overflow: 750px;
    overflow-y:hidden;
overflow-x:hidden;
	 }
	 
#trabajossubmenu2 ul {
    display: inline-block;
    white-space: nowrap;
    width:1100px;
margin-bottom: 0px;
padding-left: 0px;
margin-top: 0px;
}

#imageswap{
}



#trabajossubmenu2 li {
    height: 100%;
    display: inline-block;
    /*float: left;*/
    margin: 4px;
}

#navdirectorio{
	text-align: center;
	color: #FFFFFF;
	
}
#navdirectorio li {
list-style: none;
display: block;
float: left;
}

#swaplastDir{
	font-family: danielbdFont;
	font-size: 20px;
	color: #FFFFFF;
}

#swapnextDir{
	font-family: danielbdFont;
	font-size: 20px;
	color: #FFFFFF;
}

#navdirectorio a {
	font-family: danielbdFont;
	 	 font-size: 14px;
		color: #FFFFFF;} 
