/** Hoja de estilos para varios elementos que utilizo en el contacto
  * @author Luis Fernando Alvarez Gazcón
  * @Modificado: 15/Noviembre/2012
 */

div.box 
{
	font-family:calibri, arial;
	margin-left:18px;
	margin-top:15px;
	width:500px;
	position:relative;
	/*border: 1px red solid;*/
}

div.box label 
{
	width:100%;
	display:block;
	padding:5px 0 10px 0;
	font-weight:bold;
}

div.box label span
 {	
	font-family:calibri, arial;
	display: block;
	font-size:14px;
	float:left;
	width:120px;
	height:5px;
	text-align:left;
	padding:5px -10px 0 0;
}

/*************************U S A************************/
div.box .nombre1
 {
	padding:8px 10px;
	width:270px;
	height:9px;
	background:#ffffff;
	border: 1px solid #CED5D7;
	font-size:12px;
}

div.box .email1
 {
	padding:8px 10px;
	width:270px;
	height:9px;
	background:#ffffff;
	border: 1px solid #CED5D7;
}

div.box .comentario1
 {
	padding:8px 10px;
	width:270px;
	background:#ffffff;
	overflow:hidden;
	height:110px;
	resize:none;
	border: 1px solid #CED5D7;
}

div.box .company1
 {
	padding:8px 10px;
	width:270px;
	height:9px;
	background:#ffffff;
	border: 1px solid #CED5D7;
}

div.box .asunto1
 {
	padding:8px 10px;
	width:270px;
	height:9px;
	background:#ffffff;
	border: 1px solid #CED5D7;
}

.button1
{
    display: block;
    width: 72px;
    height: 28px;
    padding-top:1px;
	padding-left:5px;
    margin-left:337px;
	margin-top:12px;
    background-color:#FAFAFA;
	
	-moz-box-shadow: 0px 2px 10px #dadada;
	-webkit-box-shadow: 0px 2px 10px #dadada;
	box-shadow: 0px 2px 10px #dadada;
	text-shadow: 2px 1px 2px #dadada;
	
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;

	font-weight:bold;
	font-family:calibri, Sans-Serif;
	font-size:13px;
    text-align: center;
    text-decoration: none;
    color: #000000;
    text-shadow: 2px 1px 2px #dadada;
}

.button1:hover 
{
	cursor:pointer;
	color:#89A225;
	-moz-box-shadow: 0px 2px 10px #dadada;
	-webkit-box-shadow: 0px 2px 10px #dadada;
	box-shadow: 0px 2px 10px #dadada;
	text-shadow: 2px 1px 2px #dadada;
	-webkit-transition:color 0.4s ease-in;  
	-moz-transition:color 0.4s ease-in;  
	-o-transition:color 0.4s ease-in;  
	transition:color 0.4s ease-in; 
}

/*************************CENTRO************************/
div.box .nombre2
 {
	padding:8px 10px;
	width:270px;
	height:9px;
	background:#ffffff;
	border: 1px solid #CED5D7;
	font-size:12px;
	font-weight:bold;
}

div.box .email2
 {
	padding:8px 10px;
	width:270px;
	height:9px;
	background:#ffffff;
	border: 1px solid #CED5D7;
}

div.box .comentario2
 {
	padding:8px 10px;
	width:270px;
	background:#ffffff;
	overflow:hidden;
	height:110px;
	resize:none;
	border: 1px solid #CED5D7;
}

div.box .company2
 {
	padding:8px 10px;
	width:270px;
	height:9px;
	background:#ffffff;
	border: 1px solid #CED5D7;
}

div.box .asunto2
 {
	padding:8px 10px;
	width:270px;
	height:9px;
	background:#ffffff;
	border: 1px solid #CED5D7;
}

.button2
{
    display: block;
    width: 72px;
    height: 28px;
    padding-top:1px;
	padding-left:5px;
    margin-left:337px;
	margin-top:12px;
    background-color:#FAFAFA;
	
	-moz-box-shadow: 0px 2px 10px #dadada;
	-webkit-box-shadow: 0px 2px 10px #dadada;
	box-shadow: 0px 2px 10px #dadada;
	text-shadow: 2px 1px 2px #dadada;
	
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;

	font-family:calibri, Sans-Serif;
	font-size:13px;
	font-weight:bold;
    text-align: center;
    text-decoration: none;
    color: #000000;
    text-shadow: 2px 1px 2px #dadada;
}

.button2:hover 
{
	cursor:pointer;
	color:#89A225;
	-moz-box-shadow: 0px 2px 10px #dadada;
	-webkit-box-shadow: 0px 2px 10px #dadada;
	box-shadow: 0px 2px 10px #dadada;
	text-shadow: 2px 1px 2px #dadada;
	-webkit-transition:color 0.4s ease-in;  
	-moz-transition:color 0.4s ease-in;  
	-o-transition:color 0.4s ease-in;  
	transition:color 0.4s ease-in; 
}

/*****************************************************************************/

.camposObligatorios
{
	font-family:calibri, Sans-Serif;
	font-size:10px;
	color:#fff;
	margin-top:140px;
}

div.textoContacto
{
	font-family:calibri, Sans-Serif;
	font-size:16px;
	color:#383838;
	text-align:justify;

	margin-left:40px;
	margin-right:40px;
	margin-top:20px;
	margin-bottom:20px;
	
	-moz-column-count:2; /* Firefox */
	-webkit-column-count:2; /* Safari and Chrome */
	column-count:2;
	
	-moz-column-gap: 40px;
	-webkit-column-gap: 40px;
	column-gap: 40px;
}

#contenedorContacto
{
	background-color:#F3F3F3;
	height:756px;
	width:950px;
	margin-top:130px;
}

#contenedorContacto p
{
	color:#383838;
	font-family:calibri, Sans-Serif;
	font-size:16px;
}

#contenedorContacto p.textoContacto
{
	font-family:calibri, Sans-Serif;
	font-size:40px;
	position:absolute;
    margin-left:35px;
	margin-top:50px;
    color: #383838;
    text-shadow: 2px 1px 2px #dadada;
	text-indent:0.5px;
	font-weight:lighter;
}

#mexico
{
	position:absolute;
	margin-top:170px;
	margin-left:20px;
}

img.mx
{
	position:absolute;
	margin-top:117px;
	margin-left:-30px;
}

img.usa
{
	position:absolute;
	margin-top:295px;
	margin-left:-24px;
}

#usa
{
	position:absolute;
	margin-top:335px;
	margin-left:20px;
}

form.contactoCentro
{
	position:absolute;
	margin-left:502px;
	margin-top:380px;
}

img.centroamerica
{
	position:absolute;
	margin-top:126px;
	margin-left:625px;
}

#centro
{
	position:absolute;
	margin-top:173px;
	margin-left:725px;
}

#centro p
{
	color: #383838;
	font-family:calibri, Sans-Serif;
	float:right;
}

#centro p.verde
{
	font-family:calibri, Sans-Serif;
	color:#4A610C;
	float:right;
}

img#horizontal
{
	position:absolute;
	margin-top:110px;
	margin-left:50px;
}

img#vertical
{
	position:absolute;
	margin-top:137px;
	margin-left:485px;
}

img.ruedita
{
	margin-top:250px;
	margin-left:350px;
	position:absolute;
}