@charset "utf-8";
/* ======================================== 

 Pacifica diseño de profundidad
 pacifica http://www.corrientepacifia.com 
 Contactenos camilo@corrientepacifica.com 
 Tel (57) + 4 + 4447222 
 Medellín - Colombia 
 Suramérica 

 ======================================== */

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color: #808080;
	background-image:url(images/bg-foot2.gif);
	margin: 0 auto;
	padding: 0;
	height: 100%;
	width: 100%;
}
#tod{
	background-image:url(images/bg-foot1.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
#todo{
    background-image: url(images/bg-top.gif);
	background-repeat: repeat-x;
	background-position: left top;
	}
#top {
	width: 768px;
	height: 45px;
	margin:0 auto;
	padding-top:20px;
	color:#FFFFFF;
}
#top a, #top a:visited{
	color:#FFFFFF; 
	text-decoration:none;
}
#top a:visited{
	color:#FFFFFF;
}
#top3 {
	height: 20px;
	width: 100%;
	margin: 0 auto;
}
#top2 {
	height: 200px;
	width: 766px;
	margin: 0 auto;
}
#content {
	width: 768px;
	min-height: 300px;
	margin: 0 auto;
	background-color: #FFF;
	text-align:center;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#content1 {
	background-color: #FFFFFF;
	width: 100%;
	text-align:center;
	overflow: auto;
	height: auto;
}
.scrolla {
	height: 190px;
	padding: 10px;
	overflow-y:scroll;
	overflow-x:hidden;
	clear: both;
	margin-top: 7px;
	margin-bottom: 7px;
}

#foot {
	width: 100%;
	height:70px;
	min-height:70px;
	text-align: center;
	display: block;
	margin: 0px;
	overflow: visible;
	background-image: url(images/bg-foot.gif);
	background-repeat: repeat-x;
	background-position: left top;
	bottom:0;
	margin-bottom:0;
	position:relative;
	padding-top:30px;
	color:#CCCCCC;
	clear:both;
}
.paraHome{
	width:720px;
	/*height:250px;*/
	margin:10px;
	padding:10px;
	float:left;
	text-align:justify;
	background-image:url(images/h-l1.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}
img{
	border:none
}
img .home {
	text-align: center;
	clear: both;
	float: none;
	margin-right:10px;
	margin-left:20px;
}

.paraHome img, .otraspaginas img{
	margin-right:15px;
	float:left;
}
.paraHome h1, .otraspaginas h1{
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
    color:#FF6600;
}
.mas{
	float:right;
	font-size:11px;
	text-align:right;
	font-style:italic;
	color:#464B74;
}
.otraspaginas{
    width:720px;
    margin:10px;
	padding:10px;
	float:left;
	text-align:justify;
}
.otraspaginas h2{
	font-size:12px; 
	text-align:left; 
	color:#333333; 
	text-transform:lowercase;
}
.otraspaginas-contact{
    width:300px;
    margin:10px;
	padding:10px;
	float:right;
	text-align:justify;
}
#formContenedor 
{
	text-align:center;
	/*position:absolute;margin-left:-200px;top: 295px;left: 343px;*/
	width:300px;
	float:left;
	margin:25px;
}
hr{
clear:both; 
width:80%;
overflow:hidden;
visibility:hidden;
}
/*table { width:400px; }*/

input 
{
	width:200px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1px solid;
}

textarea
{
	width:200px;
	height:100px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	border:1px solid;
}

button { width:100px; height:22px; font-family:Verdana; font-size:11px; }

.label { width:110px; text-align:left; }

.campo { width:240px; }

.ayuda { width:50px; text-align:center; }

.inputNormal { border:1px solid; }

.inputError
{
	border:1px solid #FF0000;
	background-color:#FFF4F0;
	color:#FF0000;
}

/* Capas de transparencia y mensajes de confirmacion */

#transparencia
{
	background-color:#FFFFFF; 
	z-index:1; 
	position:absolute;
	width:400px;
	height:260px;
	display:none;
	opacity:0.95; filter:alpha(opacity="95");
}

#transparenciaMensaje
{
	position:absolute;
	width:300px;
	height:100px;
	margin-top:-50px;
	margin-left:-150px;
	top:50%;
	left:50%;
}

/* Mensajes de ayuda */

#mensajesAyuda
{
	width:160px;
	font-family:Verdana;
	font-size:10px;
	border:1px solid #000000;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	text-align:center;
}

#ayudaTexto
{
	vertical-align:middle;
	padding:2px;
}
#foot a, #foot a:visited{
    color:#FFFFFF;
}


#ayudaTitulo
{
	background-color:#000000; 
	color:#FFFFFF; 
	padding:1px;
}
.videin {
	float: left;
	width: 440px;
	background-color: #FFFFFF;
}

.videon {
	float: right;
	height: 260px;
	width: 440px;
	background-color: #FFFFFF;
}