/* 

RAFAEL ARCURI - Comunicación Visual
www.rafaelarcuri.com.ar

*/

/*-----------------------------
RESET
-------------------------------
*/

* {
	margin:0;
	padding:0;
	border:0;
	list-style:none;
}

article, aside, details, figcaption, figure, footer, header, nav, hgroup, menu, section {
	display: block;
	}


/*-----------------------------
ESTRUCTURA
-------------------------------
*/

html {
		background-image: url(../images/fondo.jpg);
		background-repeat:repeat-y; 

	}

body {
	font-family:Georgia, Times, serif;
	margin-top:2%;
	margin-left: 9%;
	width: 740px;
}

h1 {
	color: #bd1b20;
	font-size:15px;
	font-weight:800;
	margin-top:18px;
	
}


header {
	width:740px;
	height:152px;
	background-image:url(../images/header_back.jpg);
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	-moz-border-top-left-radius:10px;
	-moz-border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
}

header img {
	margin-left:50px;
	margin-top: 5px;
	float:left;

}

nav {
	float:left;   
	width:630px;
	height:30px;
	margin-top:15px;
	padding-left:160px;

}

nav ul {
	list-style:none;


}
	
nav li a {
	float:left;
	margin-right:3px;
    padding:0.4em 1em;
    text-decoration:none;
	background-color:#FF6600;
	opacity:0.6;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	-moz-border-top-left-radius:10px;
	-moz-border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	box-shadow: 1px 1px 4px #666;
	-moz-box-shadow: 1px 1px 4px #666;
	-webkit-box-shadow: 1px 1px 4px #666;
	font-size:14px;
	color: #FFF;
}
	

	
nav li a:hover {
	color:#FFCC33;
	background-color:#CC3333;
	opacity:0.9;
	text-decoration:none;
}


footer {
	clear:both;
	width:740px;
	height:50px;
	padding-top:40px;	
	background-image:url(../images/pie-background.jpg);
	background-repeat:no-repeat;
	background-color:#FFF;
}

footer p {
	font-size: 12px;
	color: #bd1b20;
	padding-left:18px;
}

footer p.diseno {
	font-size: 12px;
	color:  #FF6600;
	margin-top:5px;
	padding-left:18px;
}

footer a {
	text-decoration:none;
	font-size: 12px;
	color:  #FF6600;
}

footer a:hover {
	font-size: 12px;
	color:  #bd1b20;
	text-decoration:underline;
}


.columnas {
	float:left;
	width:343px;
	margin-left:18px;
}

img.subtitulo {
	margin-top:49px;
	margin-bottom:12px;
}

.sociales {
	width:740px;
	height:50px;
	background-color: #fbd899;
}

.sociales img {
	float:right;
	margin-right:18px;
	margin-top:5px;
	
}



/*-----------------------------
HOME
-------------------------------
*/


.home {
	width:740px;
	height:370px;
	padding-top:25px;
	background-color: #fbd899;	
}

.home p {
	color: #333333;
	font-size: 14px;
	line-height: 18px;
	margin-top:14px;
}

/*-----------------------------
APARTS
-------------------------------
*/


.aparts {
	width:740px;
	height:660px;
	padding-top:25px;
	background-color: #fbd899;	
}

.aparts p {
	color: #333333;
	font-size: 14px;
	line-height: 18px;
	margin-top:14px;
}

.aparts a {
	color:  #FF6600;
}

.aparts a:hover {
	color:  #bd1b20;
}

.aparts li {
	list-style-image: url(../images/bullet.gif);
}


/*-----------------------------
ESTUDIOS
-------------------------------
*/

.estudios {
	width:740px;
	height:750px;
	padding-top:25px;
	background-color: #fbd899;	
}

.estudios p {
	color: #333333;
	font-size: 14px;
	line-height: 18px;
	margin-top:14px;
}

.estudios a {
	color:  #FF6600;
}

.estudios a:hover {
	color:  #bd1b20;
}

.estudios ul {
	color: #333333;
	font-size: 14px;
	line-height: 18px;
	margin-top:14px;
	margin-left:10px;
}


.estudios li {
	list-style-image: url(../images/bullet.gif);
}


/*-----------------------------
SERVICIOS
-------------------------------
*/

.servicios {
	width:740px;
	height:520px;
	padding-top:25px;
	background-color: #fbd899;	
}

.servicios p {
	color: #333333;
	font-size: 14px;
	line-height: 18px;
	margin-top:14px;
}

.servicios ul {
	color: #333333;
	font-size: 14px;
	line-height: 18px;
	margin-top:14px;
	margin-left:10px;
}


.servicios li {
	list-style-image: url(../images/bullet.gif);
}


/*-----------------------------
CONSULTAS
-------------------------------
*/

.contacto {
	width:740px;
	height:670px;
	padding-top:25px;
	background-color: #fbd899;	
}

.contacto p {
	color: #333333;
	font-size: 14px;
	line-height: 18px;
	margin-top:14px;
}

.contacto ul {
	color: #333333;
	font-size: 14px;
	line-height: 18px;
	margin-top:14px;
	margin-left:10px;
}


.contacto li {
	list-style-image: url(../images/bullet.gif);
}

.contacto a {
	color:  #FF6600;
}

.contacto a:hover {
	color:  #bd1b20;
}

form {
	width:320px;
	margin-top:20px;
	margin-bottom:30px;
	padding:10px;
	border-radius:10px;
	-moz-border-radius:10px;
	background-color:#FF6600;
	box-shadow: 1px 1px 4px #666;
	-moz-box-shadow: 1px 1px 4px #666;
	-webkit-box-shadow: 1px 1px 4px #666;
	opacity:0.6;

}

label {
	display:block;
	font-size:14px;
	color:#FFF;
	text-shadow: 1px 1px 2px #999999;
	
}


input, textarea {
	font-family:Georgia, Times, serif;
	padding: 5px;
	width: 300px;
	font-size: 14px;
	margin: 0px 0px 15px 0px;
	border: 1px solid #666666;
}

textarea {
	height: 90px;
}

textarea:focus, input:focus {
	border: 1px solid #666666;
}

input.submit-button {
	background-color:#FF6600;
	color:#FFF;
	width: 70px;
	float: left;
	margin-top:20px;
	box-shadow: 1px 1px 4px #666;
	-moz-box-shadow: 1px 1px 4px #666;
	-webkit-box-shadow: 1px 1px 4px #666;
}

/*-----------------------------
COMO LLEGAR
-------------------------------
*/

.mapa {
	width:740px;
	height:500px;
	padding-top:25px;
	background-color: #fbd899;	
}

.mapa p {
	color: #333333;
	font-size: 14px;
	line-height: 18px;
	margin-top:14px;
}

.mapa ul {
	color: #333333;
	font-size: 13px;
	line-height: 18px;
	margin-top:14px;
	margin-left:10px;
}


.mapa li {
	list-style-image: url(../images/bullet.gif);
}

.mapa a {
	color:  #FF6600;
}

.mapa a:hover {
	color:  #bd1b20;
}


/*-----------------------------
FOTOS
-------------------------------
*/


.fotos {
	width: 740px;
	height:1135px;
	background-color: #fbd899;	
	
}

.fotos img {
	float:left;
	margin-left: 16px;
	margin-top: 16px;
}