/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 10/10/2016, 02:45:16 PM
    Author     : GLADIS.VITE
*/

body{
    /*degradado*/
    background: rgb(156,199,214);
    background: -moz-linear-gradient(left, rgb(156,199,214) 0%, rgb(60,124,133) 20%, rgb(22,49,117) 83%, rgb(133,125,150) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgb(156,199,214)), color-stop(20%, rgb(60,124,133)), color-stop(83%, rgb(22,49,117)), color-stop(100%, rgb(133,125,150)));
    background: -webkit-linear-gradient(left, rgb(156,199,214) 0%, rgb(60,124,133) 20%, rgb(22,49,117) 83%, rgb(133,125,150) 100%);
    background: -o-linear-gradient(left, rgb(156,199,214) 0%, rgb(60,124,133) 20%, rgb(22,49,117) 83%, rgb(133,125,150) 100%);
    background: -ms-linear-gradient(left, rgb(156,199,214) 0%, rgb(60,124,133) 20%, rgb(22,49,117) 83%, rgb(133,125,150) 100%);
    background: linear-gradient(to right, rgb(156,199,214) 0%, rgb(60,124,133) 20%, rgb(22,49,117) 83%, rgb(133,125,150) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9cc7d6', endColorstr='#857d96', GradientType=1 );
}

#contenido {
    background-color:#6895A4;
}

header {
    /*borde*/
    border-radius: 40px 0px 40px 1px;
    -moz-border-radius: 40px 0px 40px 1px;
    -webkit-border-radius: 40px 0px 40px 1px;
    background-color: #0A6795;

    /*sombreado*/
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    
    color:#CCE0EA;
    padding: 1em 0em;
    border:solid #163175;
    margin: 2em;
}


section, #contenido {
    border:solid #163175;
    margin: 2em;
}


.derecha {
    float:right;
    border:0px;
    text-align: justify;
}

.izquierda {
    float:left;
    border:0px;
    text-align: justify;
}

.video{
    border:0px;
}

#cuadro1, #cuadro2,#cuadro3, #cuadro4, #cuadro5, #cuadro6, #cuadro7, #cuadro8, #cuadro9, #cuadro1fondo
,#cuadro2fondo,#cuadro3fondo, #cuadro4fondo, #cuadro5fondo, #cuadro6fondo, #cuadro7fondo, #cuadro8fondo, #cuadro9fondo{
    clear:both;
}

h1{
    font-family: lobster-two, cursive;
    margin-left: 2em;
}

h3 {
    font-family: miniver, cursive;   
}

ul {
    font-family: bad-script, cursive;
    list-style: none; 
}

li:before {
    /*cambiar el ícono de la lista para usar caracteres especiales*/
    content: '» ';
}

#cuadro1, #cuadro3, #cuadro5, #cuadro7, #cuadro9 {
    background-color: #B3DCEA;
    color: #163175;
}

#cuadro2, #cuadro4, #cuadro6, #cuadro8 {
    background-color: #857d96;
    color:#B3DCEA;
}

#cuadro9 {
    text-align:center;
}