@charset "utf-8";


/*Pagina Web tucortecnc.com
  Programacion realizada por: Vicky Bettencourt
  Diseno de la Pagina Web: Christian Canhoto
  Fecha de Inicio: 15/05/08 */

/*Configuracion del fondo de pantalla del parte central de la pagina*/

/* Fecha de Modificacion: 25/07/2018
	Jose Quintero 
*/
body {
	font: 100% Franklin Gothic Medium,Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0px;
	position: relative;	
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;	
	background-color: #FFFFFF;
	/*background-image: url(../images/Menu_superior.jpg);
	  background-attachment: scroll;*/
	background-repeat: no-repeat;
	background-position: top center;		
}

	 	

/*============================================= Pantalla Contacto=========================================================*/
#container, #galeria{
	position: relative;
	width: 955px;
	height: 0px;
	background: #FFFFFF;
	margin: 0 25px;
	background-repeat:no-repeat;
	/*border: 0px solid #000000;*/
	text-align: left;
	padding: 0px;

}

#popup{
	position: relative;
	width: 955px;
	height: 0px;
	background: #FFFFFF;
	margin: 0 0px;
	background-repeat:no-repeat;
	/*border: 0px solid #000000;*/
	text-align: left;
	padding: 0px;

}


/*Definicion del tamano y posicion del recuadro donde esta la descripcion de nosotros*/
div.nosotros {
	position: relative;
	width:756px;
	height:0px;
	z-index:1;
	margin-left: 0px;
	margin-top:0px;
	padding-left:0px;
	/* esta medida es cuando la posicion es relativa*/
	left: 125px;
	top: -380px;
	font-family: Franklin Gothic Medium, Arial, Helvetica, sans-serif;
	font-size: larger;
	/* esta medida es cuando la posicion es absoluta
	 left: 165px;
	top: 150px;*/	
}


 /*Definicion del tamano y posicion del recuadro donde esta la direccion de tucortecnc*/
div.direccion {
	position: relative;
	width:756px;
	height:0px;
	z-index:1;
	margin-left: 0px;
	margin-top:0px;
	padding-left:0px;
	/* esta medida es cuando la posicion es relativa*/
	left: 125px;
	top: -300px;
	/* esta medida es cuando la posicion es absoluta
	 left: 165px;
	top: 150px;*/	
}
 /*Definicion del tamano y posicion del recuadro donde estan contenidos los textboxes del form contacto*/
div.campos_contacto {
	position: relative;
	width:736px;
	height:130px;
	z-index:1;
	margin-left: 0px;
	margin-top:0px;
	padding-left:0px;
	/* esta medida es cuando la posicion es relativa*/
	left: 154px;
	top: -340px;
	/* esta medida es cuando la posicion es absoluta
	 left: 165px;
	top: 150px;*/	
}


 /*Definicion del tamano de la tabla que contiene los textboxes de la forma de contacto*/ 
 #tabla_contacto{
 width:732px;
 height:130px;
 border: 0px;
  }

 /*Definicion del tamano y posicion de los textboxes de la forma de contacto*/
 input.txtcontacto{   
 margin:0;
 padding:0;
 height:30px;
 width:300px;
 font-family: Franklin Gothic Medium,Arial, Helvetica, sans-serif;
 font-style:normal;
 font-size:14px;
 background-image:url(../images/textbox.jpg);
  }

/*Definicion del tamano y posicion del textarea de la forma de contacto*/ 
 textarea.txtacontacto{
 border:#FFFFFF;
 margin:0px;
 padding:0px;
 height:130px;
 width:300px;
 font-family: Franklin Gothic Medium, Arial, Helvetica, sans-serif;
 font-style:normal;
 font-size:14px;
 background-image:url(../images/textarea.jpg);
 }

/*Definicion del objeto div para el boton limpiar y enviar*/
div.botones {
	position: relative;
	margin: 0px;
	padding: 0px;
	z-index:0;
	width:330px;
	height:50px;
	left:573px;
	top:-315px;
}

/*Definicion del objeto div para el boton volver*/
div.boton_volver {
	position: relative;
	margin: 0px;
	padding: 10px;
	z-index:0;
	width:330px;
	height:50px;
	left:0px;
	top:-204px;
}


 /*Definicion del tamano de la tabla que contiene los botones de la forma de contacto*/
 
 #tabla_botones{
 width:320px;
 height:50px;
 border: 0px;
  }
  
/*Definicion del tamano de la celda de la tabla botones de la forma de contacto*/
 td.celdas{
 margin:0;
 padding:0;
 height:50px;
 width:188px; 
 vertical-align:top; 
}  

/*Definicion de la imagen del boton limpiar y enviar de la pantalla contacto*/
#boton_limpiar{
background-image: url(../images/boton_limpiar2.gif);
}

#boton_enviar{
background-image: url(../images/boton_enviar2.gif);

}

#boton_volver{
background-image: url(../images/bvolver.gif);

}

/*Definicion del objeto boton*/
a.boton, a.buttonDis {
display: block;
background-color: transparent;
background-repeat: no-repeat;
width: 120px;
height: 50px;
margin: 0px;
padding: 0px;
text-align: center;
font-family: Franklin Gothic Medium,Helvetica, Calibri, Arial, sans-serif;
font-size: 100%;
font-weight: bold;
text-decoration: none;
/* tamano del boton sin borde rojo
width: 106px;
height: 36px;*/

}


a.boton:link, a.boton:visited {
color: #002577;

}
a.boton:hover, a.boton:active {
background-position: 0 -50px;
color: #FF7200;

}

a.mapa:link, a.mapa:visited{color:#000; font-family:"Arial Narrow"; font-size: large;}
a.mapa:hover, a.mapa:active{color: #333; font-family:"Arial Narrow"; font-size: large;}

img.mapa{
	background-position:left;
	position:relative;
	height:536px;
	width:806px;
	top: 0px;
	left:0px;
	}
	
/*a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
background-position: 0 -100px;
color: #5F5F5F;
cursor: default;
}*/

/* Fondo del formulario de contacto2.html-- Jose Quintero*/
#formulario {
	background: #D40E1E; /* Asignacion del color*/
}

#imagen_fondo{
	
	opacity: 0;   /* Transparencia del fondo*/
}
/*Fuente de Letras Franklin Gothic Medium */

@font-face{
	font-family: Franklin Gothic Medium;
	src:
		url(Fuentes/FranklinGothicMediumRegular.eot),
		url(Fuentes/FranklinGothicMediumRegular.ttf);
		}