/* Mi Pagina CR | David Vásquez*/

@font-face {
    font-family: 'caecilia_lt_std75_bold';
    src: url('../fonts/caecilialtstd-bold-webfont.eot');
    src: url('../fonts/caecilialtstd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/caecilialtstd-bold-webfont.woff') format('woff'),
         url('../fonts/caecilialtstd-bold-webfont.ttf') format('truetype'),
         url('../fonts/caecilialtstd-bold-webfont.svg#caecilia_lt_std75_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

body{
	font-family: 'Arial';
	margin:0px;
	border:0px;
	
	background: -moz-linear-gradient(top,  #e5e5e6 0%, #ffffff 50%, #e5e5e6 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e6), color-stop(50%,#ffffff), color-stop(100%,#e5e5e6)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #e5e5e6 0%,#ffffff 50%,#e5e5e6 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #e5e5e6 0%,#ffffff 50%,#e5e5e6 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #e5e5e6 0%,#ffffff 50%,#e5e5e6 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #e5e5e6 0%,#ffffff 50%,#e5e5e6 100%); /* W3C */
}

html{
	border:0px;
}

#contenedor {
	display:block;
	margin:0px auto;
	width: 900px; 
	height:550px;
}

#contenedor h3{
	font-family: 'Arial';/*Titillium Web*/
	font-size:21px;
	color:#09C;
	font-weight:normal;
	text-transform:uppercase;
	text-align:center;
}

#izquierda{
	display:block;
	width: 450px; 
	height:550px;
	float:left;
	padding-top:50px;
}

#logo{	
	display:block;
	width: 400px; 
	height:400px;
	background-image:url(logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% auto;
	margin:0px auto;
	position:relative;
}

#derecha{
	display:block;
	width: 450px; 
	height:550px;
	float:right;
}

#derecha h3{
	font-family: 'Arial';/*Titillium Web*/
	font-size:16px;
	color:#09C;
	text-align:left;
	font-weight:normal;
	text-transform:none;
}

#derecha p{
	font-family: 'Arial';/*Titillium Web*/
	font-size:14px;
	color:#999;
	text-align:left;
	font-weight:normal;
/*	text-transform:uppercase;*/
}


/** FORMULARIO **/

form.formit {
    margin-left: 10px;
}

.formit input[type="text"] {
    padding: 15px 22px;
    height: 20px;
    width: 385px;
    border: 1px solid #bbbbbb;
    margin: 0px 18px 20px 0px;
	font: normal .80em Century Gothic;
    font-size: 12px;
    color: #010f5f;
    font-weight: 300;
    letter-spacing: 1px;
}

.formit textarea {
    width: 400px;
    height: 120px;
    margin-bottom: 22px;
    resize: none;
    padding: 15px;
	font: normal .80em Century Gothic;
    font-size: 12px;
    color: #010f5f;
    font-weight: 300;
    letter-spacing: 1px;
    border: 1px solid #bbbbbb;
}

form.formit .button_submit {
    cursor:pointer;
    background-color: #09C;/*09C*/
    width: 200px;
    height: 58px;
    color: #fff;
	font: Century Gothic;
    font-size: 14px;
    /*font-weight: 300;*/
    letter-spacing: 1px;
    border: 0px solid #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    box-shadow: 0px 0px 0px 1px #fff;
    text-shadow: 0px 1px #999;
}


form.formit .button_submit:hover {   
    background-color:#06c;
    color:#fff;
	font: Century Gothic;    
}



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